JavaScript获取表格的行数和列数

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

  1. <table width="100%" border="1" cellspacing="0" cellpadding="0" id="example_table"> 
  2.     <tr> 
  3.         <td>&nbsp;</td> 
  4.         <td>&nbsp;</td> 
  5.         <td>&nbsp;</td> 
  6.         <td>&nbsp;</td> 
  7.         <td>&nbsp;</td> 
  8.     </tr> 
  9.     <tr> 
  10.         <td>&nbsp;</td> 
  11.         <td>&nbsp;</td> 
  12.         <td>&nbsp;</td> 
  13.         <td>&nbsp;</td> 
  14.         <td>&nbsp;</td> 
  15.     </tr> 
  16.     <tr> 
  17.         <td>&nbsp;</td> 
  18.         <td>&nbsp;</td> 
  19.         <td>&nbsp;</td> 
  20.         <td>&nbsp;</td> 
  21.         <td>&nbsp;</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获取表格的行数和列数

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)