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 相关文章推荐
在网页中屏蔽快捷键
Sep 06 Javascript
javascript 拖放效果实现代码
Jan 22 Javascript
javascript cookies 设置、读取、删除实例代码
Apr 12 Javascript
使用jQuery validate 验证注册表单实例演示
Mar 25 Javascript
jquery实现具有嵌套功能的选项卡
Feb 12 Javascript
jquery实现下拉框功能效果【实例代码】
May 06 Javascript
JS弹出新窗口被拦截的解决方法
Aug 09 Javascript
javascript函数的四种调用模式
Jan 08 Javascript
20行JS代码实现粘贴板复制功能
Feb 06 Javascript
JavaScript实现多叉树的递归遍历和非递归遍历算法操作示例
Feb 08 Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
Jun 01 Javascript
jQuery操作元素追加内容示例
Jan 10 jQuery
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 字符串分割和比较
2009/10/06 PHP
php 随机记录mysql rand()造成CPU 100%的解决办法
2010/05/18 PHP
php数组的一些常见操作汇总
2011/07/17 PHP
ThinkPHP3.1的Widget新用法
2014/06/19 PHP
php正则表达式验证(邮件地址、Url地址、电话号码、邮政编码)
2016/03/14 PHP
PHP常用的三种设计模式汇总
2016/08/28 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
fckeditor 获取文本框值的实现代码
2009/02/09 Javascript
Jquery ui css framework
2010/06/28 Javascript
passwordStrength 基于jquery的密码强度检测代码使用介绍
2011/10/08 Javascript
document.documentElement的一些使用技巧
2013/04/18 Javascript
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
2013/07/09 Javascript
JavaScript基于setTimeout实现计数的方法
2015/05/08 Javascript
针对初学者的jQuery入门指南
2015/08/15 Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
2016/06/17 Javascript
一个简单的JavaScript Map实例(分享)
2016/08/03 Javascript
Google 地图控件集详解及实例代码
2016/08/06 Javascript
javascript中对象的定义、使用以及对象和原型链操作小结
2016/12/14 Javascript
JavaScript实现的冒泡排序法及统计相邻数交换次数示例
2017/04/26 Javascript
JavaScript调试之console.log调试的一个小技巧分享
2017/08/07 Javascript
JS对象序列化成json数据和json数据转化为JS对象的代码
2017/08/23 Javascript
javascript 判断用户有没有操作页面
2017/10/17 Javascript
vue项目关闭eslint校验
2018/03/21 Javascript
Vue渲染过程浅析
2019/03/14 Javascript
Vue2.0实现简单分页及跳转效果
2019/07/29 Javascript
详解vue-property-decorator使用手册
2019/07/29 Javascript
让python在hadoop上跑起来
2016/01/27 Python
使用Python读取大文件的方法
2018/02/11 Python
pytorch 实现在预训练模型的 input上增减通道
2020/01/06 Python
python使用多线程+socket实现端口扫描
2020/05/28 Python
Timberland美国官网:全球领先的户外品牌
2016/08/15 全球购物
Toppik顶丰增发纤维官网:解决头发稀疏
2017/12/30 全球购物
如何查看在weblogic中已经发布的EJB
2012/06/01 面试题
幼儿教育感言
2014/02/05 职场文书
飞越疯人院观后感
2015/06/09 职场文书
python迷宫问题深度优先遍历实例
2021/06/20 Python