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


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

JS实现从顶部下拉显示的带动画QQ客服特效代码
本文实例讲述了JS实现从顶部下拉显示的带动画QQ客服特效代码。分享给大家供大家参考,具体如下:这是一款动画版QQ在线客服代码,从网页顶部下拉

JS实现IE状态栏文字缩放效果代码
本文实例讲述了JS实现IE状态栏文字缩放效果代码。分享给大家供大家参考,具体如下:这里演示状态栏文字缩放变化效果,同样基于JavaScript技术,虽然

JavaScript实现标题栏文字轮播效果代码
本文实例讲述了JavaScript实现标题栏文字轮播效果代码。分享给大家供大家参考,具体如下:这里演示的JS文字轮播,显示在标题栏区域,以前个人主页