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 相关文章推荐
jquery 得到当前页面高度和宽度的两个函数
Feb 21 Javascript
Jquery css函数用法(判断标签是否拥有某属性)
May 28 Javascript
Prototype源码浅析 Enumerable部分之each方法
Jan 16 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
Dec 14 Javascript
js捕捉键盘事件和按键键值的方法
Oct 10 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二)
Jan 21 Javascript
Vue结合原生js实现自定义组件自动生成示例
Jan 21 Javascript
解决html input验证只能输入数字,不能输入其他的问题
Jul 21 Javascript
浅谈node中的exports与module.exports的关系
Aug 01 Javascript
微信小程序实现多选框全选与取消全选功能示例
May 14 Javascript
jquery 遍历hash操作示例【基于ajax交互】
Oct 12 jQuery
ElementUI实现el-form表单重置功能按钮
Jul 21 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中删除、清空session的方式总结
2015/10/09 PHP
php opendir()列出目录下所有文件的实例代码
2016/10/02 PHP
php四种定界符详解
2017/02/16 PHP
PHP实现的链式队列结构示例
2017/09/15 PHP
Laravel 自带的Auth验证登录方法
2019/09/30 PHP
JavaScript中String和StringBuffer的速度之争
2010/04/01 Javascript
等待指定时间后自动跳转或关闭当前页面的js代码
2013/07/09 Javascript
JS图片切换的具体方法(带缩略图版)
2013/11/12 Javascript
zeroclipboard 单个复制按钮和多个复制按钮的实现方法
2014/06/14 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
2014/08/11 Javascript
javascript模拟实现ajax加载框实例
2014/10/15 Javascript
详解Angular调试技巧之报错404(not found)
2018/01/31 Javascript
详解ECMAScript2019/ES10新属性
2019/12/06 Javascript
vue点击标签切换选中及互相排斥操作
2020/07/17 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
2020/10/15 Javascript
Javascript Symbol原理及使用方法解析
2020/10/22 Javascript
跟老齐学Python之集成开发环境(IDE)
2014/09/12 Python
python检测是文件还是目录的方法
2015/07/03 Python
Python简单删除列表中相同元素的方法示例
2017/06/12 Python
Python2包含中文报错的解决方法
2018/07/09 Python
在Python中字典根据多项规则排序的方法
2019/01/21 Python
python自动化之Ansible的安装教程
2019/06/13 Python
Django框架创建mysql连接与使用示例
2019/07/29 Python
python中eval与int的区别浅析
2019/08/11 Python
Python3.7安装PyQt5 运行配置Pycharm的详细教程
2020/10/15 Python
CSS3解决移动页面上点击链接触发色块的问题
2016/06/03 HTML / CSS
怎样建立和理解非常复杂的声明?例如定义一个包含N 个指向返回 指向字符的指针的函数的指针的数组?
2013/03/19 面试题
Java面试题:Java类的Main方法如果是Private将会怎么样
2016/08/18 面试题
《守株待兔》教学反思
2014/03/01 职场文书
小学母亲节活动方案
2014/03/14 职场文书
怀孕辞职信怎么写
2015/02/28 职场文书
2019年干货:自我鉴定
2019/03/25 职场文书
导游词之黄果树瀑布
2019/09/20 职场文书
《暗黑破坏神2:重制版》本周进行第一轮A测 目前可官网进行申请报名
2021/04/07 其他游戏
Vue组件更新数据v-model不生效的解决
2022/04/02 Vue.js
Python数据可视化之Seaborn的安装及使用
2022/04/19 Python