Table cells 集合
示例
查找表格第一行中有多少个单元格
var x = document.getElementById("myTable").rows[0].cells.length;
x 的结果将是
2
自己动手试一试 »
更多“自己尝试”的例子见下文。
描述
cells 集合返回表格中所有 <td> 或 <th> 元素的集合。
注意： 集合中的元素按它们在源代码中出现的顺序排序。
提示： 使用 rows 集合返回表格中所有 <tr> 元素的集合。
提示： 使用 insertRow() 方法创建新行 (<tr>)。
提示： 使用 deleteRow() 方法删除行。
提示： 使用 insertCell() 方法创建新单元格 (<td>)。
提示： 使用 deleteCell() 方法删除单元格。
浏览器支持
| 集合 | |||||
|---|---|---|---|---|---|
| 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 对象，表示 <table> 元素中所有 <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 = "新内容";
自己动手试一试 »
相关页面
HTML 参考：HTML <td> 标签
HTML 参考：HTML <th> 标签
JavaScript 参考：HTML DOM TableData 对象
JavaScript 参考：HTML DOM TableHeader 对象
↜ Table 对象
