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