js获取表格的行数和列数的方法

这篇文章主要介绍了js获取表格的行数和列数的方法，需要的朋友可以参考下

如何使用JavaScript获取一个表格的行数和列数?其实很简单，假设存在如下表格：

1. <table width="100%" border="1" cellspacing="0" cellpadding="0" id="example_table">  
2. <tr>  
3. <td></td>  
4. <td></td>  
5. <td></td>  
6. <td></td>  
7. <td></td>  
8. </tr>  
9. <tr>  
10. <td></td>  
11. <td></td>  
12. <td></td>  
13. <td></td>  
14. <td></td>  
15. </tr>  
16. <tr>  
17. <td></td>  
18. <td></td>  
19. <td></td>  
20. <td></td>  
21. <td></td>  
22. </tr>  
23. </table> 

则获取该表格的行数和列数可分别如下代码：

1. //表格行数  
2. var rows = document.getElementById("example_table").rows.length;  
3.  
4. //表格列数  
5. var cells = document.getElementById("example_table").rows.item(0).cells.length; 

大家利用以上代码轻而易举的就能通过JavaScript获取表格的行数和列，希望这篇文章对大家的学习有所帮助。