JS动态修改表格cellPadding和cellSpacing的方法


Posted in Javascript onMarch 31, 2015

本文实例讲述了JS动态修改表格cellPadding和cellSpacing的方法。分享给大家供大家参考。具体如下:

下面的JS代码通过修改表格对象的cellPadding和cellSpacing属性来修改表格单元格的间距

<!DOCTYPE html>
<html>
<head>
<script>
function padding()
{
document.getElementById('myTable').cellPadding="15";
}
function spacing()
{
document.getElementById('myTable').cellSpacing="15";
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>100</td>
<td>200</td>
</tr>
<tr>
<td>300</td>
<td>400</td>
</tr>
</table>
<br>
<input type="button" onclick="padding()"
value="Change Cellpadding">
<input type="button" onclick="spacing()"
value="Change Cellspacing">
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Hutia 的 JS 代码集
Oct 24 Javascript
StringTemplate遇见jQuery冲突的解决方法
Sep 22 Javascript
使用jQuery同时控制四张图片的伸缩实现代码
Apr 19 Javascript
JS动态创建Table,Tr,Td并赋值的具体实现
Jul 05 Javascript
SublimeText自带格式化代码功能之reindent
Dec 27 Javascript
浅谈JS的基础类型与引用类型
Sep 13 Javascript
BootStrap 弹出层代码
Feb 09 Javascript
JS模拟实现ECMAScript5新增的数组方法
Mar 20 Javascript
浅谈webpack4.x 入门(一篇足矣)
Sep 05 Javascript
微信小程序自定义导航栏实例代码
Apr 05 Javascript
ES6 Proxy实现Vue的变化检测问题
Jun 11 Javascript
详解json串反转义(消除反斜杠)
Aug 12 Javascript
js实现的牛顿摆效果
Mar 31 #Javascript
JS动态显示表格上下frame的方法
Mar 31 #Javascript
JS实现控制表格只显示行边框或者只显示列边框的方法
Mar 31 #Javascript
jQuery选择器源码解读(八):addCombinator函数
Mar 31 #Javascript
JS显示表格内指定行html代码的方法
Mar 31 #Javascript
jQuery选择器源码解读(七):elementMatcher函数
Mar 31 #Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
Mar 31 #Javascript
You might like
PHP提示Deprecated: mysql_connect(): The mysql extension is deprecated的解决方法
2014/08/28 PHP
PHP生成网站桌面快捷方式代码分享
2014/10/11 PHP
php中使用websocket详解
2016/09/23 PHP
PHP+JQUERY操作JSON实例
2017/03/23 PHP
PHP htmlspecialchars()函数用法与实例讲解
2019/03/08 PHP
JavaScript 学习初步 入门教程
2010/03/25 Javascript
javascript学习笔记(十八) 获得页面中的元素代码
2012/06/20 Javascript
javascript自定义startWith()和endWith()的两种方法
2013/11/11 Javascript
Jquery动态添加及删除页面节点元素示例代码
2014/06/16 Javascript
jQuery遍历json中多个map的方法
2015/02/12 Javascript
jQuery中使用each处理json数据
2015/04/23 Javascript
JavaScript实现的Tween算法及缓冲特效实例代码
2015/11/03 Javascript
jquery实现左右无缝轮播图
2020/07/31 Javascript
mvvm双向绑定机制的原理和实现代码(推荐)
2016/06/07 Javascript
Javascript必知必会(四)js类型转换
2016/06/08 Javascript
JSON字符串和对象相互转换实例分析
2016/06/16 Javascript
vue.js父组件使用外部对象的方法示例
2017/04/25 Javascript
mac下的nodejs环境安装的步骤
2017/05/24 NodeJs
JavaScript事件方法(实例讲解)
2017/06/27 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
2018/07/03 Javascript
微信小程序自定义tabBar在uni-app的适配详解
2019/09/30 Javascript
vuex管理状态仓库使用详解
2020/07/29 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
2020/09/22 Javascript
python实现的重启关机程序实例
2014/08/21 Python
Python 包含汉字的文件读写之每行末尾加上特定字符
2016/12/12 Python
python+selenium实现自动抢票功能实例代码
2018/11/23 Python
Python正则表达式和元字符详解
2018/11/29 Python
如何使用Python脚本实现文件拷贝
2019/11/20 Python
python利用opencv保存、播放视频
2020/11/02 Python
销售工作人员的自我评价分享
2013/11/10 职场文书
车祸赔偿收入证明
2014/01/09 职场文书
中秋节超市促销方案
2014/01/30 职场文书
党员教师自我剖析材料
2014/09/29 职场文书
先进基层党组织事迹材料
2014/12/25 职场文书
毕业答辩开场白范文
2015/05/27 职场文书
小学开学典礼新闻稿
2015/07/17 职场文书