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


Posted in Javascript onOctober 23, 2015

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

Javascript 相关文章推荐
网页中的图片的处理方法与代码
Nov 26 Javascript
javascript中IE浏览器不支持NEW DATE()带参数的解决方法
Mar 01 Javascript
js 图片随机不定向浮动的实现代码
Jul 02 Javascript
jQuery 计算iframe 窗口大小的方法
May 13 Javascript
JQuery教学之性能优化
May 14 Javascript
多个jQuery版本共存的处理方案
Mar 17 Javascript
jQuery实现的进度条效果
Jul 15 Javascript
使用JavaScript脚本判断页面是否在微信中被打开
Mar 06 Javascript
javascript实现可键盘控制的抽奖系统
Mar 10 Javascript
VUE基于NUXT的SSR 服务端渲染
Nov 30 Javascript
js实现图片推拉门效果代码实例
May 18 Javascript
更强大的vue ssr实现预取数据的方式
Jul 19 Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
Oct 23 #Javascript
js中对函数设置默认参数值的3种方法
Oct 23 #Javascript
js窗口关闭提示信息(兼容IE和firefox)
Oct 23 #Javascript
javascript跨域的方法汇总
Oct 23 #Javascript
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
Oct 23 #Javascript
jQuery实现分章节锚点“回到顶部”动画特效代码
Oct 23 #Javascript
JavaScript代码轻松实现网页内容禁止复制(代码简单)
Oct 23 #Javascript
You might like
深入理解PHP原理之异常机制
2010/08/21 PHP
PHP连接sql server 2005环境配置及问题解决
2014/08/08 PHP
图解找出PHP配置文件php.ini的路径的方法
2014/08/20 PHP
PHP文件读写操作相关函数总结
2014/11/18 PHP
php版微信公众平台之微信网页登陆授权示例
2016/09/23 PHP
Yii 2.0如何使用页面缓存方法示例
2017/05/23 PHP
PHP实现求解最长公共子串问题的方法
2017/11/17 PHP
比较详细的关于javascript中void(0)的具体含义解释
2007/08/02 Javascript
javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
2007/10/01 Javascript
jquery 图片上传按比例预览插件集合
2011/05/28 Javascript
Nodejs sublime text 3安装与配置
2014/06/19 NodeJs
Js获取图片原始宽高的实现代码
2016/05/17 Javascript
JS实现的手机端精简幻灯片效果
2016/09/05 Javascript
深入理解requestAnimationFrame的动画循环
2016/09/20 Javascript
dul无法加载bootstrap实现unload table/user恢复
2016/09/29 Javascript
footer定位页面底部(代码分享)
2017/03/07 Javascript
nodejs中使用HTTP分块响应和定时器示例代码
2017/03/19 NodeJs
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
2018/01/18 jQuery
vue 项目常用加载器及配置详解
2018/01/22 Javascript
ES6知识点整理之数组解构和字符串解构的应用示例
2019/04/17 Javascript
vue项目打包上传github并制作预览链接(pages)
2019/04/19 Javascript
详解Jest结合Vue-test-utils使用的初步实践
2019/06/27 Javascript
JS实现水平遍历和嵌套递归操作示例
2019/08/15 Javascript
[01:37]全新的一集《真视界》——TI7总决赛
2017/09/21 DOTA
深入解析Python编程中super关键字的用法
2016/06/24 Python
Python数据分析之双色球统计单个红和蓝球哪个比例高的方法
2018/02/03 Python
Python面向对象程序设计类的封装与继承用法示例
2019/04/12 Python
python数值基础知识浅析
2019/11/19 Python
如何用Python绘制3D柱形图
2020/09/16 Python
建筑行业的大学生自我评价
2013/12/08 职场文书
班组长安全生产职责
2013/12/16 职场文书
竞争性谈判邀请书
2014/02/06 职场文书
工程力学专业自荐信范文
2014/03/17 职场文书
2014年征兵标语
2014/06/20 职场文书
Javascript设计模式之原型模式详细
2021/10/05 Javascript
MyBatis自定义SQL拦截器示例详解
2021/10/24 Java/Android