首页 > 编程 > JavaScript > 正文

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

2019-11-20 12:50:17
字体:
来源:转载
供稿:网友

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表