js动态修改表格行colspan列跨度的方法

本文实例讲述了js动态修改表格行colspan列跨度的方法。分享给大家供大家参考。具体如下:

<!DOCTYPE html>

<html>

<head>

<script>

function setColSpan()

{

var x=document.getElementById('myTable').rows[0].cells;

x[0].colSpan="2";

x[1].colSpan="6";

}

</script>

</head>

<body>

<table id="myTable" border="1">

<tr>

<td colspan="4">cell 1</td>

<td colspan="4">cell 2</td>

</tr>

<tr>

<td>cell 3</td>

<td>cell 4</td>

<td>cell 5</td>

<td>cell 6</td>

<td>cell 7</td>

<td>cell 8</td>

<td>cell 9</td>

<td>cell 10</td>

</tr>

</table>

<form>

<input type="button" onclick="setColSpan()"

value="Change colspan">

</form>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

以上是 js动态修改表格行colspan列跨度的方法 的全部内容, 来源链接: utcz.com/z/340541.html

回到顶部