您现在的位置： 365建站网 > 建站教程 > JavaScript 教程 > HTML DOM rowSpan 属性

HTML DOM rowSpan 属性

此节有 223 人学习过     参与评论

HTML DOM TableCell 对象

定义和用法

rowSpan 属性可设置或返回表元横跨的行数。

语法

</>code
  1. tabledataObject.rowSpan=number_of_rows

实例

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

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

亲自试一试

更改表元横跨的行数

HTML DOM TableCell 对象

如对本文有疑问，请提交到交流论坛，广大热心网友会为你解答！！ 点击进入论坛

您可能感兴趣的文章:

发表评论 (223人查看，0条评论)
请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。
昵称：
最新评论
------分隔线----------------------------
JavaScript 教程目录

公司信息

· 网站介绍
· 联系我们
· 加入我们
· 服务条款

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间：9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号