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 相关文章推荐
html+js实现动态显示本地时间
Sep 21 Javascript
js实现回放拖拽轨迹从过程上进行分析
Jun 26 Javascript
js实现简单选项卡与自动切换效果的方法
Apr 10 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
Jun 09 Javascript
理解和运用JavaScript的闭包机制
Aug 13 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
Oct 26 Javascript
jQuery 监控键盘一段时间没输入
Apr 22 Javascript
BootStrap Progressbar 实现大文件上传的进度条的实例代码
Jun 27 Javascript
vue实现按需加载组件及异步组件功能
May 27 Javascript
如何测量vue应用运行时的性能
Jun 21 Javascript
在Koa.js中实现文件上传的接口功能
Oct 08 Javascript
解决js中的setInterval清空定时器不管用问题
Nov 17 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
五款常用mysql slow log分析工具的比较分析
2011/05/22 PHP
php懒人函数 自动添加数据
2011/06/28 PHP
简单实用的网站PHP缓存类实例
2014/07/18 PHP
PHP之浮点数计算比较以及取整数不准确的解决办法
2015/07/29 PHP
PHP YII框架开发小技巧之模型(models)中rules自定义验证规则
2015/11/16 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
php判断电子邮件是否正确方法
2018/12/04 PHP
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
2006/09/22 Javascript
基于JavaScript 类的使用详解
2013/05/07 Javascript
Jquery 动态循环输出表格具体方法
2013/11/23 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
2015/03/30 Javascript
JavaScript检测字符串中是否含有html标签实现方法
2015/07/01 Javascript
JS实现自动切换文字的导航效果代码
2015/08/27 Javascript
JavaScript——DOM操作——Window.document对象详解
2016/07/14 Javascript
使用yeoman构建angular应用的方法
2017/08/14 Javascript
详解React Native顶|底部导航使用小技巧
2017/09/14 Javascript
iview日期控件,双向绑定日期格式的方法
2018/03/15 Javascript
运用TensorFlow进行简单实现线性回归、梯度下降示例
2018/03/05 Python
pycharm 主题theme设置调整仿sublime的方法
2018/05/23 Python
django模板加载静态文件的方法步骤
2019/03/01 Python
python super的使用方法及实例详解
2019/09/25 Python
django ajax发送post请求的两种方法
2020/01/05 Python
在django中使用post方法时,需要增加csrftoken的例子
2020/03/13 Python
python中tkinter窗口位置\坐标\大小等实现示例
2020/07/09 Python
Python识别处理照片中的条形码
2020/11/16 Python
深入解析HTML5 Canvas控制图形矩阵变换的方法
2016/03/24 HTML / CSS
匡威英国官网:Converse英国
2018/12/02 全球购物
学术会议欢迎词
2014/01/09 职场文书
幼儿园中秋节活动方案
2014/02/06 职场文书
单位委托书范本
2014/04/04 职场文书
2014年四风问题个人对照自查剖析材料
2014/09/15 职场文书
关于群众路线的心得体会
2014/11/05 职场文书
高考作弊检讨书1500字
2015/02/16 职场文书
2015年民兵整组工作总结
2015/07/24 职场文书
2016个人廉洁自律承诺书
2016/03/25 职场文书
springboot集成redis存对象乱码的问题及解决
2022/06/16 Java/Android