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 相关文章推荐
使用js写的一个简易的投票
Nov 27 Javascript
jquery选择器需要注意的问题
Nov 26 Javascript
JavaScript中String.match()方法的使用详解
Jun 06 Javascript
JavaScript实现简单获取当前网页网址的方法
Nov 09 Javascript
jsonp跨域请求数据实现手机号码查询实例分析
Dec 12 Javascript
js实现的彩色方块飞舞奇幻效果
Jan 27 Javascript
JavaScript类的写法
Sep 17 Javascript
AngularJS执行流程详解
Feb 17 Javascript
JS高仿抛物线加入购物车特效实现代码
Feb 20 Javascript
Angular 2父子组件数据传递之局部变量获取子组件其他成员
Jul 04 Javascript
浅谈vue项目优化之页面的按需加载(vue+webpack)
Dec 11 Javascript
浅谈javascript中的prototype和__proto__的理解
Apr 07 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+javascript液晶时钟
2006/10/09 PHP
开源SNS系统-ThinkSNS
2008/05/18 PHP
php利用cookies实现购物车的方法
2014/12/10 PHP
phpstudy默认不支持64位php的解决方法
2017/02/20 PHP
laravel migrate初学常见错误的解决方法
2017/10/11 PHP
JS图片切换的具体方法(带缩略图版)
2013/11/12 Javascript
浅析IE10兼容性问题(frameset的cols属性)
2014/01/03 Javascript
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
2014/04/11 Javascript
jQuery淡入淡出元素让其效果更为生动
2014/09/01 Javascript
jQuery Ajax页面局部加载方法汇总
2016/06/02 Javascript
jQuery实现字符串全部替换的方法【推荐】
2017/03/09 Javascript
全面解析jQuery中的$(window)与$(document)的用法区别
2017/08/15 jQuery
浅析node.js的模块加载机制
2018/05/25 Javascript
JS操作json对象key、value的常用方法分析
2019/10/29 Javascript
nodeJs项目在阿里云的简单部署
2020/11/27 NodeJs
[04:55]完美世界副总裁蔡玮:DOTA2的自由、公平与信任
2013/12/18 DOTA
[44:40]KG vs LGD 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
python多线程扫描端口示例
2014/01/16 Python
pycharm修改界面主题颜色的方法
2019/01/17 Python
解决Django中调用keras的模型出现的问题
2019/08/07 Python
Python Subprocess模块原理及实例
2019/08/26 Python
Django项目中使用JWT的实现代码
2019/11/04 Python
Python lxml模块的基本使用方法分析
2019/12/21 Python
Python sys模块常用方法解析
2020/02/20 Python
Python基于time模块表示时间常用方法
2020/06/18 Python
Python logging模块进行封装实现原理解析
2020/08/07 Python
Html5页面点击遮罩层背景关闭遮罩层
2020/11/30 HTML / CSS
高尔夫球鞋、服装、手套和装备:FootJoy
2018/12/15 全球购物
车库门开启器、遥控器和零件:Chamberlain
2019/04/09 全球购物
资产评估专业大学生求职信
2013/09/29 职场文书
自我评价范文点评
2013/12/04 职场文书
仓库理货员岗位职责
2013/12/18 职场文书
商场中秋节活动方案
2014/02/07 职场文书
2015年端午节活动总结
2015/02/11 职场文书
2019初中学生入团申请书
2019/06/27 职场文书
浅谈JS和Nodejs中的事件驱动
2021/05/05 NodeJs