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 相关文章推荐
有道JavaScript监听浏览器的问题
Jun 23 Javascript
javascript是怎么继承的介绍
Jan 05 Javascript
JavaScript prototype属性深入介绍
Nov 27 Javascript
Jquery焦点图实例代码
Nov 25 Javascript
jquery实现聚光灯效果的方法
Feb 06 Javascript
jQuery实现给页面换肤的方法
May 30 Javascript
JavaScript脚本库编写的方法
Dec 09 Javascript
JS简单实现点击按钮或文字显示遮罩层的方法
Apr 27 Javascript
node-red File读取好保存实例讲解
Sep 11 Javascript
在vue中使用jsx语法的使用方法
Sep 30 Javascript
JavaScript canvas实现雪花随机动态飘落
Feb 08 Javascript
vue radio单选框,获取当前项(每一项)的value值操作
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
在 PHP 中使用随机数的三个步骤
2006/10/09 PHP
php win下Socket方式发邮件类
2009/08/21 PHP
php和js如何通过json互相传递数据相关问题探讨
2013/02/26 PHP
PHP中的按位与和按位或操作示例
2014/01/27 PHP
关于ThinkPHP中的异常处理详解
2018/05/11 PHP
PHP的PDO事务与自动提交
2019/01/24 PHP
jQuery 源码分析笔记(7) Queue
2011/06/19 Javascript
情人节专属 纯js脚本1k大小的3D玫瑰效果
2012/02/11 Javascript
利用webqq协议使用python登录qq发消息源码参考
2013/04/08 Javascript
jquery修改属性值实例代码(设置属性值)
2014/01/06 Javascript
jQery使网页在显示器上居中显示适用于任何分辨率
2014/06/09 Javascript
JS获取单击按钮单元格所在行的信息
2014/06/17 Javascript
Bootstrap每天必学之栅格系统(布局)
2015/11/25 Javascript
深入解析Backbone.js框架的依赖库Underscore.js的作用
2016/05/07 Javascript
JS实现鼠标框选效果完整实例
2016/06/20 Javascript
javascript+html5+css3自定义提示窗口
2017/06/21 Javascript
Axios学习笔记之使用方法教程
2017/07/21 Javascript
浅谈Vuex@2.3.0 中的 state 支持函数申明
2017/11/22 Javascript
angularjs实现时间轴效果的示例代码
2017/11/29 Javascript
Vue实现点击箭头上下移动效果
2020/06/11 Javascript
vue-cli中实现响应式布局的方法
2021/03/02 Vue.js
Python continue语句用法实例
2014/03/11 Python
Windows系统下安装Python的SSH模块教程
2015/02/05 Python
python对DICOM图像的读取方法详解
2017/07/17 Python
Python 保存矩阵为Excel的实现方法
2019/01/28 Python
详解python实现小波变换的一个简单例子
2019/07/18 Python
python实现简单飞行棋
2020/02/06 Python
纽约服装和生活方式品牌:Saturdays NYC
2017/08/13 全球购物
机电专业体育教师求职信
2013/09/21 职场文书
实习教师自我鉴定
2013/09/27 职场文书
公司活动方案范文
2014/03/06 职场文书
实习生岗位职责
2014/04/12 职场文书
2014年巴西世界杯口号
2014/06/05 职场文书
汽车销售经理岗位职责
2014/06/09 职场文书
win11无线投屏在哪设置? win11无线投屏功能的使用方法
2022/04/08 数码科技
html中两种获取标签内的值的方法
2022/06/16 jQuery