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 相关文章推荐
下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能
Sep 19 Javascript
javascript 语法基础 想学习js的朋友可以看看
Dec 16 Javascript
jquery 回车事件实现代码
Aug 23 Javascript
jquery ajax传递中文参数乱码问题及解决方法说明
Feb 07 Javascript
Node.js巧妙实现Web应用代码热更新
Oct 22 Javascript
jquery实现简单的表单验证
Nov 17 Javascript
AngularJS ng-bind-template 指令详解
Jul 30 Javascript
js canvas实现擦除效果示例代码
Apr 26 Javascript
vue组件实现可搜索下拉框扩展
Oct 23 Javascript
微信小程序实现简易table表格
Jun 19 Javascript
elementUi vue el-radio 监听选中变化的实例代码
Jun 28 Javascript
vue中watch的用法汇总
Dec 28 Vue.js
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
Terran历史背景
2020/03/14 星际争霸
PHP 数组遍历顺序理解
2009/09/09 PHP
PHP下通过file_get_contents的代理使用方法
2011/02/16 PHP
drupal 代码实现URL重写
2011/05/04 PHP
php实现的返回数据格式化类实例
2014/09/22 PHP
php利用ffmpeg提取视频中音频与视频画面的方法详解
2017/06/07 PHP
javascript Keycode对照表
2009/10/24 Javascript
使用js检测浏览器的实现代码
2013/05/14 Javascript
JavaScript 和 Java 的区别浅析
2013/07/31 Javascript
node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
2014/11/20 Javascript
JavaScript学习笔记之基础语法
2015/01/22 Javascript
JQuery控制Radio选中方法分析
2015/05/29 Javascript
基于JS代码实现导航条弹出式悬浮菜单
2016/06/17 Javascript
JavaScript 随机验证码的生成实例代码
2016/09/22 Javascript
BootStrap 模态框实现刷新网页并关闭功能
2017/01/04 Javascript
JS判断两个对象内容是否相等的方法示例
2017/04/10 Javascript
Angular 4.x 路由快速入门学习
2017/05/03 Javascript
JS如何设置元素样式的方法示例
2017/08/28 Javascript
react实现一个优雅的图片占位模块组件详解
2017/10/30 Javascript
React 全自动数据表格组件——BodeGrid的实现思路
2019/06/12 Javascript
微信小程序new Date()方法失效问题解决方法
2019/07/29 Javascript
解决vue单页面 回退页面 keeplive 缓存问题
2020/07/22 Javascript
[07:03]显微镜下的DOTA2第九期——430圣堂刺客杀戮秀
2014/06/20 DOTA
python中黄金分割法实现方法
2015/05/06 Python
Python实现的简单排列组合算法示例
2018/07/04 Python
Python脚本完成post接口测试的实例
2018/12/17 Python
详解python读取和输出到txt
2019/03/29 Python
更新pip3与pyttsx3文字语音转换的实现方法
2019/08/08 Python
python读写csv文件的方法
2019/08/13 Python
PHP基于phpqrcode类库生成二维码过程解析
2020/05/28 Python
python安装读取grib库总结(推荐)
2020/06/24 Python
HTML5的新特性(1)
2016/03/03 HTML / CSS
阿迪达斯芬兰官方网站:adidas芬兰
2017/01/30 全球购物
教师实习自我鉴定
2013/12/14 职场文书
个人先进事迹材料
2014/12/29 职场文书
大学组织委员竞选稿
2015/11/21 职场文书