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通过navigator.userAgent识别各种浏览器
Oct 25 Javascript
javascript中apply和call方法的作用及区别说明
Feb 14 Javascript
Node.js实现的简易网页抓取功能示例
Dec 05 Javascript
js实现文字闪烁特效的方法
Dec 17 Javascript
jQuery EasyUI Draggable拖动组件
Mar 01 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
May 17 Javascript
JavaScript实现计数器基础方法
Oct 10 Javascript
vue-router实现组件间的跳转(参数传递)
Nov 07 Javascript
Angular4实现图片上传预览路径不安全的问题解决
Dec 25 Javascript
jQuery中常用动画效果函数知识点整理
Aug 19 jQuery
JavaScript 作用域scope简单汇总
Oct 23 Javascript
WebRTC记录音视频流(web技术分享)
Feb 24 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 PDO函数库详解
2010/04/27 PHP
php排序算法实例分析
2016/10/17 PHP
PHP实现留言板功能的详细代码
2017/03/25 PHP
Smarty模板语法详解
2019/07/20 PHP
form表单action提交的js部分与html部分
2014/01/07 Javascript
json中换行符的处理方法示例介绍
2014/06/10 Javascript
jQuery新窗口打开外链接
2016/07/21 Javascript
jQuery时间验证和转换为标准格式的时间格式
2017/03/06 Javascript
JS中使用textPath实现线条上的文字
2017/12/25 Javascript
Jquery实现无缝向上循环滚动列表的特效
2019/02/13 jQuery
微信打开网址添加在浏览器中打开提示的办法
2019/05/20 Javascript
使用zrender.js绘制体温单效果
2019/10/31 Javascript
微信小程序wxs实现吸顶效果
2020/01/08 Javascript
vuecli3.x中轻松4步带你使用tinymce的步骤
2020/06/25 Javascript
[50:15]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
python多进程操作实例
2014/11/21 Python
python3.5仿微软计算器程序
2020/03/30 Python
Python 实现购物商城,含有用户入口和商家入口的示例
2017/09/15 Python
使用Python设计一个代码统计工具
2018/04/04 Python
对numpy中轴与维度的理解
2018/04/18 Python
详解python while 函数及while和for的区别
2018/09/07 Python
由Python编写的MySQL管理工具代码实例
2019/04/09 Python
Python3.5装饰器典型案例分析
2019/04/30 Python
python如何解析配置文件并应用到项目中
2019/06/27 Python
python 使用socket传输图片视频等文件的实现方式
2019/08/07 Python
用CSS3实现Win8风格的方格导航菜单效果
2013/04/10 HTML / CSS
细说CSS3中box属性中的overflow-x属性和overflow-y属性值的效果
2014/07/21 HTML / CSS
DKNY品牌官网:纽约大都会时尚风格
2016/10/20 全球购物
Myholidays美国:在线旅游网站
2019/08/16 全球购物
健康状况证明模板
2014/10/23 职场文书
学校政风行风整改方案
2014/10/25 职场文书
小学教师学习党的群众路线教育实践活动心得体会
2014/10/31 职场文书
小学中等生评语
2014/12/29 职场文书
python的netCDF4批量处理NC格式文件的操作方法
2022/03/21 Python
什么是SOLID
2022/03/24 Javascript