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编程(第3版)
PHP编程(第3版)
凯文·塔特罗 (Kevin Tatroe) (作者), 彼得·麦金太尔 (Peter MacIntyre) (作者), 拉斯马斯·勒多夫 (Rasmus Lerdorf) (作者), 赵戈戈 (译者), 易国磐 (译者), 张鹏飞 (译者)
这是一本可以让读者深入了解PHP 技术的书籍,作者用言简意赅的语言并结合了大量实例来解释每一个要素。本书涵盖了PHP 所有基本的要点,不管你是一个想从头开始学习PHP的人,还是对PHP 已经有了基础想继续深入的人,这本书都很合适。
最新互联网资讯