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 相关文章推荐
IE8 兼容性问题(属性名区分大小写)
Jun 04 Javascript
js两行代码按指定格式输出日期时间
Oct 21 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
Aug 14 Javascript
第九章之路径分页标签与徽章组件
Apr 25 Javascript
JavaScript中style.left与offsetLeft的使用及区别详解
Jun 08 Javascript
详解js数组的完全随机排列算法
Dec 16 Javascript
jQuery Ajax实现跨域请求
Jan 21 Javascript
微信JSAPI Ticket接口签名详解
Jun 28 Javascript
原生JS上传大文件显示进度条 php上传文件代码
Mar 27 Javascript
vue+iview+less+echarts实战项目总结
Feb 22 Javascript
微信小程序的授权实现过程解析
Aug 02 Javascript
vue el-tree 默认展开第一个节点的实现代码
May 15 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
SONY SRF-M100的电路分析
2021/03/02 无线电
PHP+.htaccess实现全站静态HTML文件GZIP压缩传输(一)
2007/02/15 PHP
PHP获取网卡地址的代码
2008/04/09 PHP
如何使用“PHP” 彩蛋进行敏感信息获取
2013/08/07 PHP
php setcookie函数的参数说明及其用法
2014/04/20 PHP
Symfony2之session与cookie用法小结
2016/03/18 PHP
php设计模式之正面模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
Riot.js 快速的JavaScript单元测试框架
2009/11/09 Javascript
js 内存释放问题
2010/04/25 Javascript
jQuery中delegate和on的用法与区别详细解析
2014/01/26 Javascript
jquery序列化方法实例分析
2015/06/10 Javascript
JS实现超简单的鼠标拖动效果
2015/11/02 Javascript
jquery可定制的在线UEditor编辑器
2015/11/17 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐)
2016/06/23 Javascript
微信小程序列表中item左滑删除功能
2018/11/07 Javascript
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
2019/01/09 Javascript
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
2019/09/02 Javascript
vue开发拖拽进度条滑动组件
2019/09/21 Javascript
vue 实现element-ui中的加载中状态
2020/11/11 Javascript
python实现问号表达式(?)的方法
2013/11/27 Python
Python开发SQLite3数据库相关操作详解【连接,查询,插入,更新,删除,关闭等】
2017/07/27 Python
简单谈谈python中的语句和语法
2017/08/10 Python
pycharm 将python文件打包为exe格式的方法
2019/01/16 Python
Django url,从一个页面调到另个页面的方法
2019/08/21 Python
python向xls写入数据(包括合并,边框,对齐,列宽)
2021/02/02 Python
CSS3悬停效果案例应用
2012/11/21 HTML / CSS
CSS3线性渐变简单实现以及该属性在浏览器中的不同
2012/12/12 HTML / CSS
三星新西兰官网:Samsung新西兰
2019/03/05 全球购物
韩国最大的购物网站:Gmarket
2019/06/20 全球购物
主办会计岗位职责
2014/03/13 职场文书
公务员中国梦演讲稿
2014/08/19 职场文书
教师纪念9.18事件演讲稿范文
2014/09/14 职场文书
群众路线个人对照检查材料2014
2014/09/26 职场文书
医院领导班子四风问题对照检查材料
2014/10/26 职场文书
Python基础之元类详解
2021/04/29 Python
Python编写可视化界面的全过程(Python+PyCharm+PyQt)
2021/05/17 Python