HTML DOM colSpan 属性

定义和用法

colSpan 属性可设置或返回表元横跨的列数。

语法

  1. tabledataObject.colSpan=number_of_columns

实例

下面的例子更改了表元横跨的列数：

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function changeColSpan()
  5.   {
  6.   document.getElementById("td1").colSpan="2";
  7.   }
  8. </script>
  9. </head>
  10. <body>
  11.  
  12. <table border="1">
  13. <tr>
  14. <th>Firstname</th>
  15. <th>Lastname</th>
  16. </tr>
  17. <tr>
  18. <td id="td1">Peter</td>
  19. <td id="td2">Griffin</td>
  20. </tr>
  21. </table>
  22. <br />
  23. <input type="button" onclick=changeColSpan()
  24. value="Change colspan" />
  25.  
  26. </body>
  27. </html>