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 相关文章推荐
flash javascript之间的通讯方法小结
Dec 20 Javascript
取得窗口大小 兼容所有浏览器的js代码
Aug 09 Javascript
Jquery的each里用return true或false代替break或continue
May 21 Javascript
删除Javascript Object中间的key
Nov 18 Javascript
每天一篇javascript学习小结(属性定义方法)
Nov 19 Javascript
jQuery实现图片向左向右切换效果的简单实例
May 18 Javascript
js注入 黑客之路必备!
Sep 14 Javascript
jQuery实现遍历复选框的方法示例
Mar 06 Javascript
w3c编程挑战_初级脚本算法实战篇
Jun 23 Javascript
Vue上传组件vue Simple Uploader的用法示例
Aug 25 Javascript
js实现下拉框二级联动
Dec 04 Javascript
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
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
解析yii数据库的增删查改
2013/06/20 PHP
使用PHP备份MySQL和网站发送到邮箱实例代码
2013/11/28 PHP
ThinkPHP之A方法实例讲解
2014/06/20 PHP
Symfony核心类概述
2016/03/17 PHP
Laravel5权限管理方法详解
2016/07/26 PHP
PHP goto语句用法实例
2019/08/06 PHP
PHP基于swoole多进程操作示例
2019/08/12 PHP
PHP常用header头定义代码示例汇总
2020/08/29 PHP
PJBlog插件 防刷新的在线播放器
2006/10/25 Javascript
用Javscript实现表单复选框的全选功能
2007/05/25 Javascript
js脚本实现数据去重
2014/11/27 Javascript
Javascript中拼接大量字符串的方法
2015/02/05 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
2015/03/19 Javascript
JQuery validate插件Remote用法大全
2016/05/15 Javascript
AngularJs Managing Service Dependencies详解
2016/09/02 Javascript
js实现手机拍照上传功能
2017/01/17 Javascript
Vue.js常用指令之循环使用v-for指令教程
2017/06/27 Javascript
Javascript实现鼠标点击冒泡特效
2019/12/24 Javascript
jQuery 淡入/淡出效果函数用法分析
2020/05/19 jQuery
python应用程序在windows下不出现cmd窗口的办法
2014/05/29 Python
Python中encode()方法的使用简介
2015/05/18 Python
Python制作简单的网页爬虫
2015/11/22 Python
Python 多进程并发操作中进程池Pool的实例
2017/11/01 Python
基于python中__add__函数的用法
2019/11/25 Python
pytorch方法测试——激活函数(ReLU)详解
2020/01/15 Python
在pytorch中动态调整优化器的学习率方式
2020/06/24 Python
整个世界的设计师家具在哈恩:Designathome
2019/03/25 全球购物
StubHub澳大利亚:购买或出售您的门票
2019/08/01 全球购物
2013年入党人员的自我鉴定
2013/10/25 职场文书
商务会议邀请函
2014/01/09 职场文书
投诉书格式范本
2015/07/02 职场文书
2016教师廉洁从教心得体会
2016/01/13 职场文书
导游词之永泰公主墓
2019/12/04 职场文书
python爬取某网站原图作为壁纸
2021/06/02 Python
Python实现文字pdf转换图片pdf效果
2022/04/03 Python