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 相关文章推荐
CCPry JS类库 代码
Oct 30 Javascript
javascript function调用时的参数检测常用办法
Feb 26 Javascript
Mootools 图片展示插件(lightbox,ImageMenu)收集集合
May 21 Javascript
jQuery获取(选中)单选,复选框,下拉框中的值
Feb 21 Javascript
jQuery+ajax实现文章点赞功能的方法
Dec 31 Javascript
浅析javascript函数表达式
Feb 10 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
Jan 16 Javascript
javascript与PHP动态往类中添加方法对比
Mar 21 Javascript
最简单的JS实现json转csv的方法
Jan 10 Javascript
详解vue-router导航守卫
Jan 19 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
Jun 04 Javascript
es6中reduce的基本使用方法
Sep 10 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
在VS2008中编译MYSQL5.1.48的方法
2010/07/03 PHP
php后台多用户权限组思路与实现程序代码分享
2012/02/13 PHP
Session服务器配置指南与使用经验的深入解析
2013/06/17 PHP
shell脚本作为保证PHP脚本不挂掉的守护进程实例分享
2013/07/15 PHP
php删除左端与右端空格的方法
2014/11/29 PHP
PHP空值检测函数与方法汇总
2017/11/19 PHP
javascript错误的认识不用关心内存管理
2012/12/15 Javascript
js阻止冒泡及jquery阻止事件冒泡示例介绍
2013/11/19 Javascript
使用Sticker.js实现贴纸效果
2015/01/28 Javascript
js的flv视频播放器插件使用方法
2015/06/23 Javascript
异步JavaScript编程中的Promise使用方法
2015/07/28 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
2015/08/07 Javascript
JQuery遍历元素的后代和同胞实现方法
2016/09/18 Javascript
详解angularJs中自定义directive的数据交互
2017/01/13 Javascript
微信小程序实现图片自适应(支持多图)
2017/01/25 Javascript
jQuery ajax请求struts action实现异步刷新
2017/04/19 jQuery
详解webpack和webpack-simple中如何引入css文件
2017/06/28 Javascript
layui 对弹窗 form表单赋值的实现方法
2019/09/04 Javascript
JS回调函数深入理解
2019/10/16 Javascript
微信小程序转化为uni-app项目的方法示例
2020/05/22 Javascript
Python中的迭代器漫谈
2015/02/03 Python
Python判断直线和矩形是否相交的方法
2015/07/14 Python
python的re正则表达式实例代码
2018/01/24 Python
Python针对给定列表中元素进行翻转操作的方法分析
2018/04/27 Python
python+OpenCV实现车牌号码识别
2019/11/08 Python
python图形开发GUI库pyqt5的基本使用方法详解
2020/02/14 Python
Python使用pycharm导入pymysql教程
2020/09/16 Python
python 对一幅灰度图像进行直方图均衡化
2020/10/27 Python
宝拉珍选美国官网:Paula’s Choice美国
2018/01/07 全球购物
COACH德国官方网站:纽约现代奢侈品牌,1941年
2018/06/09 全球购物
如果重写了对象的equals()方法,需要考虑什么
2014/11/02 面试题
是否可以从一个static方法内部发出对非static方法的调用?
2014/08/18 面试题
新郎婚宴答谢词
2014/01/19 职场文书
国际经济与贸易专业大学生职业规划书
2014/03/01 职场文书
十佳标兵事迹材料
2014/08/18 职场文书
离婚协议书的书写要求
2014/09/17 职场文书