TableRow cells 集合
更多“试试看”示例如下。
描述
cells 集合返回表格行中所有 <td> 或 <th> 元素的集合。
注意: 集合中的元素按其在源代码中的顺序排序。
浏览器支持
集合 | |||||
---|---|---|---|---|---|
cells | 是 | 是 | 是 | 是 | 是 |
语法
tableObject.cells
属性
属性 | 描述 |
---|---|
length | 返回集合中 <td> 和/或 <th> 元素的数量。 注意: 此属性是只读的 |
方法
方法 | 描述 |
---|---|
[index] | 返回集合中具有指定索引(从 0 开始)的 <td> 和/或 <th> 元素。 注意: 如果索引号超出范围,则返回 null |
item(index) | 返回集合中具有指定索引(从 0 开始)的 <td> 和/或 <th> 元素。 注意: 如果索引号超出范围,则返回 null |
namedItem(id) | 返回集合中具有指定 id 的 <td> 和/或 <th> 元素。 注意: 如果 id 不存在,则返回 null |
技术细节
DOM 版本 | 核心级别 2 文档对象 |
---|---|
返回值 | 一个 HTMLCollection 对象,表示 <tr> 元素中的所有 <td> 和/或 <th> 元素。 集合中的元素按其在源代码中的顺序排序 |
更多示例
示例
[index]
提醒表格第一行中第一个单元格的 innerHTML
alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);
试试看 »
示例
item(index)
提醒表格第一行中第一个单元格的 innerHTML
alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);
试试看 »
示例
namedItem(id)
提醒表格第一行中 id 为“myTd”的单元格的 innerHTML
alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);
试试看 »
示例
更改第一个表格单元格的内容
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "新内容";
试试看 »
❮ TableRow 对象