编程 Javascript

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程序设计有所帮助。

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

- Author -

欧阳不疯

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js中将具有数字属性名的对象转换为数组

Mar 06 Javascript

jQuery中live方法的重复绑定说明

Oct 21 Javascript

javascript实现TreeView 无刷新展开的实例代码

Jul 13 Javascript

Javascript节点关系实例分析

May 15 Javascript

jquery获取select选中值的方法分析

Dec 22 Javascript

js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法

Aug 25 Javascript

vue中路由参数传递可能会遇到的坑

Dec 07 Javascript

在vue项目中正确使用iconfont的方法

Sep 28 Javascript

如何去除富文本中的html标签及vue、react、微信小程序中的过滤器

Nov 21 Javascript

jQuery实现轮播图源码

Oct 23 jQuery

jQuery高级编程之js对象、json与ajax用法实例分析

Nov 01 jQuery

Vue详细的入门笔记

May 10 Vue.js

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