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 相关文章推荐
js实现超酷的照片墙展示效果图附源码下载
Oct 08 Javascript
javascript实现标签切换代码示例
May 22 Javascript
js时间比较 js计算时间差的简单实现方法
Aug 26 Javascript
JavaScript中ES6字符串扩展方法
Aug 26 Javascript
搭建Bootstrap离线文档的方法
Dec 02 Javascript
清除js缓存的多种方法总结
Dec 09 Javascript
JavaScript数据结构之链表的实现
Mar 19 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
Apr 13 Javascript
Angular实现点击按钮控制隐藏和显示功能示例
Dec 29 Javascript
jquery 给动态生成的标签绑定事件的几种方法总结
Feb 24 jQuery
JS实现图片转换成base64的各种应用场景实例分析
Jun 22 Javascript
详解如何在Canvas中添加事件的方法
Apr 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
ThinkPHP单字母函数(快捷方法)使用总结
2014/07/23 PHP
php删除二维数组中的重复值方法
2018/03/12 PHP
JavaScript 快捷键设置实现代码
2009/03/13 Javascript
functional继承模式 摘自javascript:the good parts
2011/06/20 Javascript
javascript学习笔记(三) String 字符串类型介绍
2012/06/19 Javascript
浅谈关于JavaScript的语言特性分析
2013/04/11 Javascript
JSCode all of Brower 全局屏蔽网页右键功能 具体实现
2013/06/05 Javascript
解决jquery中美元符号命名冲突问题
2014/01/08 Javascript
基于NodeJS的前后端分离的思考与实践(二)模版探索
2014/09/26 NodeJs
javascript检测两个数组是否相似
2015/05/19 Javascript
深入浅析JS Function()构造函数
2016/08/22 Javascript
Node.js如何响应Ajax的POST请求并且保存为JSON文件详解
2017/03/10 Javascript
Vue组件系列开发之模态框
2019/04/18 Javascript
使用konva和vue-konva库实现拖拽滑块验证功能
2020/04/27 Javascript
vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作
2020/07/27 Javascript
python实现FTP服务器服务的方法
2017/04/11 Python
python利用MethodType绑定方法到类示例代码
2017/08/27 Python
python内置函数:lambda、map、filter简单介绍
2017/11/16 Python
matplotlib实现区域颜色填充
2019/03/18 Python
python获取微信企业号打卡数据并生成windows计划任务
2019/04/30 Python
使用npy转image图像并保存的实例
2020/07/01 Python
Jupyter notebook命令和编辑模式常用快捷键汇总
2020/11/17 Python
python调用jenkinsAPI构建jenkins,并传递参数的示例
2020/12/09 Python
CSS3媒体查询(Media Queries)介绍
2013/09/12 HTML / CSS
澳大利亚女士时装在线:Rockmans
2018/09/26 全球购物
加拿大在线旅游公司:Flighthub
2019/03/11 全球购物
假日旅行社实习自我鉴定
2013/09/24 职场文书
管理部部长岗位职责
2013/12/05 职场文书
优秀的计算机专业求职信范文
2013/12/27 职场文书
学校2015年纠风工作总结
2015/05/15 职场文书
发言稿之优秀教师篇
2019/09/26 职场文书
python 利用PyAutoGUI快速构建自动化操作脚本
2021/05/31 Python
教你如何使用Python Tkinter库制作记事本
2021/06/10 Python
opencv-python图像配准(匹配和叠加)的实现
2021/06/23 Python
php双向队列实例讲解
2021/11/17 PHP
动画《朋友游戏》公开佐藤友生绘制的开播纪念绘
2022/04/06 日漫