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 scrollTop方法根据滚动像素显示隐藏顶部导航条
May 27 Javascript
window.opener用法和用途实例介绍
Aug 19 Javascript
5分钟理解JavaScript中this用法分享
Nov 09 Javascript
JavaScript设置、获取、清除单值和多值cookie的方法
Nov 17 Javascript
js 实现一些跨浏览器的事件方法详解及实例
Oct 27 Javascript
vue.js动画中的js钩子函数的实现
Jul 06 Javascript
深入浅析Node.js 事件循环、定时器和process.nextTick()
Oct 22 Javascript
vue 本地服务不能被外部IP访问的完美解决方法
Oct 29 Javascript
jquery实现动态创建form并提交的方法示例
May 27 jQuery
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
Sep 09 Javascript
Vue快速实现通用表单验证的示例代码
Jan 09 Javascript
Ajax 的初步实现(使用vscode+node.js+express框架)
Jun 18 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
WordPress中使主题支持小工具以及添加插件启用函数
2015/12/22 PHP
PHP浮点数的一个常见问题
2016/03/10 PHP
thinkPHP实现签到功能的方法
2017/03/15 PHP
谷歌浏览器 insertCell与appendChild的区别
2009/02/12 Javascript
asp.net+jquery滚动滚动条加载数据的下拉控件
2010/06/25 Javascript
Prototype源码浅析 String部分(四)之补充
2012/01/16 Javascript
JQuery-tableDnD 拖拽的基本使用介绍
2013/07/04 Javascript
JS this作用域以及GET传输值过长的问题解决方法
2013/08/06 Javascript
FF IE浏览器修改标签透明度的方法
2014/01/27 Javascript
jQuery Ajax()方法使用指南
2014/11/19 Javascript
jQuery中slideUp 和 slideDown 的点击事件
2015/02/26 Javascript
JSONP之我见
2015/03/24 Javascript
jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现
2016/08/31 Javascript
JavaScript代码执行的先后顺序问题
2017/10/29 Javascript
js如何实现元素曝光上报
2019/08/07 Javascript
在Python的Django框架中编写错误提示页面
2015/07/22 Python
python交互式图形编程实例(三)
2017/11/17 Python
pyenv与virtualenv安装实现python多版本多项目管理
2019/08/17 Python
Python单元测试工具doctest和unittest使用解析
2019/09/02 Python
python 爬取马蜂窝景点翻页文字评论的实现
2020/01/20 Python
opencv+python实现均值滤波
2020/02/19 Python
Pycharm无法打开双击没反应的问题及解决方案
2020/08/17 Python
Python调用JavaScript代码的方法
2020/10/27 Python
python实现模拟器爬取抖音评论数据的示例代码
2021/01/06 Python
详解用 python-docx 创建浮动图片
2021/01/24 Python
html5记忆翻牌游戏实现思路及代码
2013/07/25 HTML / CSS
北美大型运动类产品商城:Champs Sports
2017/01/12 全球购物
联想美国官方商城:Lenovo美国
2017/06/19 全球购物
NFL Game Pass欧洲:在线观看NFL比赛直播和点播,以高清质量播放
2018/08/30 全球购物
编程输出如下图形
2013/11/24 面试题
文秘自荐信
2013/10/20 职场文书
同学会邀请书大全
2014/01/12 职场文书
企业员工集体活动方案
2014/08/17 职场文书
师德师风建设整改措施思想汇报
2014/10/11 职场文书
2016党校培训心得体会
2016/01/07 职场文书
mysql知识点整理
2021/04/05 MySQL