代码描述:js表格行单元格。js获取表格指定行所有单元格源码实例
本章节介绍一下如何获取一个table表格中指定行下面的所有单元格,非常的简单,直接看代码. 代码实例:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <style type="text/css"> .table{ width:300px; height:100px; border:1px solid #ccc; border-collapse:collapse; } .table td,.table th { border:1px solid #ccc; padding:5px; } </style> <script type="text/javascript"> window.onload=function(){ var oshow=document.getElementById("show"); var otable=document.getElementById("tb"); oshow.innerHTML=otable.rows[1].cells.length; } </script> </head> <body> <div id="show"></div> <table id="tb" class="table"> <thead> <tr> <th>51前端一</th> <th>51前端二</th> </tr> </thead> <tr> <td>javascript教程</td> <td>jQuery教程</td> </tr> <tr> <td>HTML教程</td> <td>div css教程</td> </tr> </table> </body> </html>
以上代码可以获取第二行所有单元格的数目,下面做一下介绍:
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能