原创作品,转载需得到原作者书面许可,同时保留原作者和出处,否则将追究法律责任。
rows可以获取表格中所有行的集合。
利用集合的length属性可以获取具体的行数。
语法结构:
[JavaScript] 纯文本查看 复制代码tableObject.rows
浏览器支持:
(1).IE浏览器支持此属性。
(2).edge浏览器支持此属性。
(3).谷歌浏览器支持此属性。
(4).opera浏览器支持此属性。
(5).火狐浏览器支持此属性。
(6).safria浏览器支持此属性。
代码实例:
[HTML] 纯文本查看 复制代码运行代码<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <style> ul li{ list-style: none; } </style> <script> window.onload=function() { let otable=document.getElementById("thetable"); let otrnum=document.getElementById("trnum"); let obt=document.getElementById("trbt"); trbt.onclick=function() { let rows=otable.rows; otrnum.innerHTML="表格中行的数量是:"+rows.length; } } </script> </head> <body> <table id="thetable" border="1"> <tr> <td>序号</td> <td>教程</td> <td>作者</td> </tr> <tr> <td>1</td> <td>JavaScript教程</td> <td>antzone</td> </tr> <tr> <td>2</td> <td>div css教程</td> <td>蚂蚁部落</td> </tr> </table> <ul> <li id="trnum"></li> <li><input type="button" id="trbt" value="获取行的数量"/></li> </ul> </body> </html>
上述代码点击按钮可以获取table表格中具体的函数。
前端教程
HTML5 API
鲁ICP备10022556号-3
鲁公网安备 37021302000666号
关于我们
|手机版|小黑屋|
Copyright © 2012-2020 Design: 蚂蚁部落
最新评论