DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js獲取表格的行數和列數的方法
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獲取表格的行數和列,希望這篇文章對大家的學習有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved