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 实现二级/三级/多级联动菜单的思路及代码
Apr 08 Javascript
多引号嵌套的变量命名的问题
May 09 Javascript
js实现同一页面可多次调用的图片幻灯切换效果
Feb 28 Javascript
jquery仿微信聊天界面
May 06 jQuery
利用webstrom调试Vue.js单页面程序的方法教程
Jun 06 Javascript
Bootstrap Table 在指定列中添加下拉框控件并获取所选值
Jul 31 Javascript
对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
Aug 27 Javascript
对angular2中的ngfor和ngif指令嵌套实例讲解
Sep 12 Javascript
微信运维交互机器人的示例代码
Nov 12 Javascript
Vue函数式组件的应用实例详解
Aug 30 Javascript
JavaScript交换变量的常用方法小结【4种方法】
May 07 Javascript
解决antd Form 表单校验方法无响应的问题
Oct 27 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
关于拼配咖啡,你要知道
2021/03/03 咖啡文化
header跳转和include包含问题详解
2012/09/08 PHP
php实例分享之二维数组排序
2014/05/15 PHP
利用PHPExcel读取Excel的数据和导出数据到Excel
2017/05/12 PHP
一个简单的JavaScript数据缓存系统实现代码
2010/10/24 Javascript
按钮接受回车事件的三种实现方法
2014/06/06 Javascript
JavaScript监听文本框回车事件并过滤文本框空格的方法
2015/04/16 Javascript
jQuery中$.extend()用法实例
2015/06/24 Javascript
拖动时防止选中
2017/02/03 Javascript
Angular.js组件之input mask对input输入进行格式化详解
2017/07/10 Javascript
AngularJS遍历获取数组元素的方法示例
2017/11/11 Javascript
AngularJS 应用模块化的使用
2018/04/04 Javascript
Vue-cli配置打包文件本地使用的教程图解
2018/08/02 Javascript
js canvas实现俄罗斯方块
2020/10/11 Javascript
python中字符串前面加r的作用
2015/06/04 Python
windows下python和pip安装教程
2018/05/25 Python
python矩阵转换为一维数组的实例
2018/06/05 Python
Selenium(Python web测试工具)基本用法详解
2018/08/10 Python
python集合比较(交集,并集,差集)方法详解
2018/09/13 Python
Python实现的拉格朗日插值法示例
2019/01/08 Python
Python小进度条显示代码
2019/03/05 Python
在Python中使用turtle绘制多个同心圆示例
2019/11/23 Python
Python操作Jira库常用方法解析
2020/04/10 Python
30行Python代码实现高分辨率图像导航的方法
2020/05/22 Python
天猫超市:阿里巴巴打造的网上超市
2016/11/02 全球购物
国际鲜花速递专家:Floraqueen
2016/11/24 全球购物
FOREO官方网站:LUNA露娜洁面仪
2016/11/28 全球购物
世界领先的豪华床上用品供应商之一:Bedeck Home
2019/03/18 全球购物
英国排名第一的冲浪店:Ann’s Cottage
2020/06/21 全球购物
公司培训欢迎词
2014/01/10 职场文书
要账委托书范本
2014/09/15 职场文书
无刑事犯罪记录证明
2014/09/18 职场文书
2014酒店客房部工作总结
2014/12/16 职场文书
董事长助理工作总结2015
2015/07/23 职场文书
你会写请假条吗?
2019/06/26 职场文书
基于Python实现将列表数据生成折线图
2022/03/23 Python