信鸽网

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

  作者：bea

如何使用JavaScript获取一个表格的行数和列数？其实很简单，假设存在如下表格： <table width="100%" border="1" cellspacing="0" cellpadding="0" id="example_table"> <tr> <td></td> <td></td> <td></td> <td>

如何使用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获取表格的行数和列，希望这篇文章对大家的学习有所帮助。




有用  |  无用

猜你喜欢

您可能感兴趣的文章: