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

 更新时间:2015年10月23日 15:30:38   投稿:lijiao  
这篇文章主要介绍了js获取表格的行数和列数的方法,需要的朋友可以参考下

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

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

则获取该表格的行数和列数可分别如下代码:

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

大家利用以上代码轻而易举的就能通过JavaScript获取表格的行数和列,希望这篇文章对大家的学习有所帮助。

相关文章

  • JS原型、原型链深入理解

    JS原型、原型链深入理解

    这篇文章主要针对javascript中的原型、原型链深入理解,原型是JavaScript中一个比较难理解的概念,本文为大家解决这个难题,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • 浅析JS中回调函数的使用

    浅析JS中回调函数的使用

    在JavaScript中,回调函数是一种常见的编程模式,用于处理异步操作和事件处理,这篇文章主要为大家介绍了回调函数的使用场景和注意事项,需要的可以参考下
    2023-08-08
  • 微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】

    微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】

    这篇文章主要介绍了微信JS-SDK自定义分享功能,结合实例形式分析了基于JS-SDK接口实现的分享给朋友及分享到朋友圈等功能的相关配置文件与数据操作技巧,需要的朋友可以参考下
    2016-11-11
  • 微信小程序canvas分享海报功能

    微信小程序canvas分享海报功能

    这篇文章主要为大家详细介绍了微信小程序canvas分享海报功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • javascript判断数组内是否重复的方法

    javascript判断数组内是否重复的方法

    这篇文章主要介绍了javascript判断数组内是否重复的方法,涉及javascript针对数组的相关操作技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • 不使用ajax实现无刷新提交表单

    不使用ajax实现无刷新提交表单

    这篇文章主要介绍了不使用ajax实现无刷新提交表单的方法,需要的朋友可以参考下
    2014-12-12
  • Javascript中的async awai的用法

    Javascript中的async awai的用法

    本篇文章主要介绍了Javascript中的async/awai的用法,将分享async / await是如何工作的,有兴趣的可以了解一下
    2017-05-05
  • JavaScript静态作用域和动态作用域实例详解

    JavaScript静态作用域和动态作用域实例详解

    这篇文章主要介绍了JavaScript静态作用域和动态作用域的实例代码,本文通过文字实例代码相结合的形式给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-06-06
  • 全面解析多种Bootstrap图片轮播效果

    全面解析多种Bootstrap图片轮播效果

    这篇文章主要为大家全面解析多种Bootstrap图片轮播效果,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • 使用Webpack构建多页面程序的实现步骤

    使用Webpack构建多页面程序的实现步骤

    这篇文章主要介绍了使用Webpack构建多页面程序的实现步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03

最新评论