js取得表格的行數和列數的方法_javascript技巧

如何使用JavaScript取得一個表格的行數和列數？其實很簡單，假設存在以下表格：

<table width="100%" border="1" cellspacing="0" cellpadding="0" id="example_table"> 
  <tr> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
  </tr> 
  <tr> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
  </tr> 
  <tr> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
  </tr> 
</table> 

則取得該表格的行數和列數可分別如下程式碼：

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

大家利用以上程式碼輕鬆的就能透過JavaScript取得表格的行數和列，希望這篇文章對大家的學習有所幫助。