Heim > Artikel > Web-Frontend > JS动态修改表格cellPadding和cellSpacing的方法_javascript技巧

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

WBOYOriginal: 2016-05-16 16:06:481585Durchsuche

本文实例讲述了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程序设计有所帮助。

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：60行js代码实现俄罗斯方块_javascript技巧Nächster Artikel：jQuery Ajax调用WCF服务详细教程_jquery

In Verbindung stehende Artikel

Mehr sehen