JavaScript获取表格(table)的行数和列数

栏目: 编程语言 发布于: 2014-05-09 19:50:33

如何使用JavaScript获取表格(table)的行数和列数?其实很简单,假设存在如下表格:

<table width="100%" border="1" cellspacing="0" cellpadding="0" id="example_table">
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>

则获取该表格的行数和列数可分别如下代码:

//表格行数
var rows = document.getElementById("example_table").rows.length;

//表格列数
var cells = document.getElementById("example_table").rows.item(0).cells.length;

您可能感兴趣的文章

  • js获取表格的行数和列数(兼容IE和firefox)
  • Jquery实现表格隔行变色的效果
  • js只能输入数字和带小数点的数字,兼容IE和firefox
  • js限制只能输入英文字母和数字,不能输入中文和其他特殊字符的办法
  • js 限制文本框只能输入数字(包括小数点数字)
  • smarty循环表格并补充表格td不足的情况
  • js报TypeError $(...) is null错误,jquery失效的原因及解决办法
  • javascript获取当前完整的url地址以及参数的方法
本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。
转载请注明:文章转载自 [http://www.php230.com]
本文标题:JavaScript获取表格(table)的行数和列数
IT技术书籍推荐:
细说PHP(第2版)
细说PHP(第2版)
高洛峰 (作者)
《细说PHP(第2版)》内容简介:PHP是开发Web应用系统最理想的工具,易于使用、功能强大、成本低廉、高安全性、开发速度快且执行灵活。全书以实用为目标设计,包含PHP开发最主流的各项技术,对每一个知识点都进行了深入详细的讲解,并附有大量的实例代码,图文并茂。系统地介绍了PHP的相关技术及其在实际Web开发中的应用。 《细说PHP(第2版)》共六个部分,分为30个章节,每一章都是PHP独立知识点的总结。内容涵盖了动态网站开发的前台技术(HTML+CSS)、PHP编程语言的语法、PHP的常用功能模块和实用技巧、MySQL数据库的设计与应用、PHP 面向对象的程序设计思想、数据库抽象层PDO、Smarty模板技术、Web开发的设计模式、自定义框架BroPHP、Web项目开发整个流程等目前PHP开发中最主流的技术。每一章中都有大量的实用示例,以及详尽的注释,加速读者的理解和学习,也为每章的技术点设置了大量的自测试题。最后以一个比较完整的、采用面向对象思想,以及通过MVC模式设计,并结合Smarty模板,基于BroPHP框架的CMS系统为案例,详细介绍了Web系统开发从设计到部署的各个细节,便于更好地进行开发实践。
最新互联网资讯