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技术书籍推荐:
JavaScript高级程序设计(第3版)
JavaScript高级程序设计(第3版)
泽卡斯 (Zakas. Nicholas C.) (作者), 李松峰 (译者), 曹力 (译者)
《JavaScript高级程序设计(第3版)》是JavaScript超级畅销书的最新版。ECMAScript 5和HTML5在标准之争中双双胜出,使大量专有实现和客户端扩展正式进入规范,同时也为JavaScript增添了很多适应未来发展的新特性。《JavaScript高级程序设计(第3版)》这一版除增加5章全新内容外,其他章节也有较大幅度的增补和修订,新内容篇幅约占三分之一。全书从JavaScript语言实现的各个组成部分——语言核心、DOM、BOM、事件模型讲起,深入浅出地探讨了面向对象编程、Ajax与Comet服务器端通信,HTML5表单、媒体、Canvas(包括WebGL)及Web Workers、地理定位、跨文档传递消息、客户端存储(包括IndexedDB)等新API,还介绍了离线应用和与维护、性能、部署相关的最佳开发实践。《JavaScript高级程序设计(第3版)》附录展望了未来的API和ECMAScript Harmony规范。
最新互联网资讯