tr cells 集合
实例
显示第一行的单元格数量：
var x = document.getElementById("myTable").rows[0].cells.length;
x 输出结果为：
2
定义和用法
cells 集合返回表格行中所有 <td> 或 <th> 元素的个数。
注意: 元素在集合中的顺序为与在源代码中的顺序是一致的。
浏览器支持
| 集合 | Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| 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";