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

内容摘要

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

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

文章正文

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

代码注释

上一篇开启PHP Static 关键字之旅模式下一篇 JavaScript ES6的新特性使用新方法定义Class

作者：喵哥笔记

学的不仅是技术，更是梦想！