编程 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 相关文章推荐

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