HTML DOM tr cells 集合

晚间偷亲

tr cells 集合

实例

显示第一行的单元格数量:

	var x = document.getElementById("myTable").rows[0].cells.length;

x 输出结果为:

	2

定义和用法

cells 集合返回表格行中所有 <td> 或 <th> 元素的个数。

注意: 元素在集合中的顺序为与在源代码中的顺序是一致的。


浏览器支持

集合
cells Yes Yes Yes Yes Yes

语法

tableObject.cells

属性

属性 描述
length 返回集合中 <td> 或 <th> 元素的个数。

注意: 这个属性是只读的。

方法

方法 描述
[name_or_index] 一个整数,指定元素检索位置(从0开始)
item(name_or_index) 返回集合中的指定索引的元素
namedItem(name) 返回集合中指定名称索引的元素索引

技术描述

DOM 版本: Core Level 2 Document Object
返回值: HTMLCollection 对象, 表示 <tr> 中所有 <td> 或 <th> 元素。 元素在集合中的顺序为与在源代码中的顺序是一致的。

更多实例

实例

[index]

弹出第一行第一个单元格的内容:

	alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);


实例

item(index)

弹出第一行第一个单元格的内容:

	alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);


实例

namedItem(id)

弹出第一行 id="myTd" 单元格的内容:

	alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);


实例

修改第一个单元格的内容:

	var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";


版权声明:本页面内容旨在传播知识,为用户自行发布,若有侵权等问题请及时与本网联系,我们将第一时间处理。E-mail:284563525@qq.com

目录[+]

取消
微信二维码
微信二维码
支付宝二维码