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

2024-05-06 16:17:47

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了js动态修改表格行colspan列跨度的方法,实例分析了javascript动态修改html中table属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了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>