表格 行 集合
更多“亲自试一试”示例如下。
描述
rows 集合返回表格中所有 <tr> 元素的集合。
注意：集合中的元素按其在源代码中的顺序排序。
提示： 使用 insertRow() 方法创建一个新行 (<tr>)。
提示： 使用 deleteRow() 方法删除一行。
提示： 使用 insertCell() 方法创建一个新单元格 (<td>)。
提示： 使用 deleteCell() 方法删除一个单元格。
提示： 使用 cells 集合返回表格中所有 <td> 或 <th> 元素的集合。
浏览器支持
| 集合 | |||||
|---|---|---|---|---|---|
| rows | 是 | 是 | 是 | 是 | 是 |
语法
tableObject.rows
属性
| 属性 | 描述 |
|---|---|
| length | 返回集合中 <tr> 元素的数量。 注意： 此属性是只读的 |
方法
| 方法 | 描述 |
|---|---|
| [index] | 返回集合中指定索引（从 0 开始）的 <tr> 元素。 注意： 如果索引号超出范围，则返回 null |
| item(index) | 返回集合中指定索引（从 0 开始）的 <tr> 元素。 注意： 如果索引号超出范围，则返回 null |
| namedItem(id) | 返回集合中具有指定 id 的 <tr> 元素。 注意： 如果 id 不存在，则返回 null |
技术细节
| DOM 版本 | 核心级别 2 文档对象 |
|---|---|
| 返回值 | 一个 HTMLCollection 对象，代表 <table> 元素中的所有 <tr> 元素。集合中的元素按其在源代码中的顺序排序 |
更多示例
示例
[index]
提示表格中第一个 <tr> 元素（索引 0）的 innerHTML
alert(document.getElementById("myTable").rows[0].innerHTML;
亲自试一试 »
示例
item(index)
提示表格中第一个 <tr> 元素（索引 0）的 innerHTML
alert(document.getElementById("myTable").rows.item(0).innerHTML);
亲自试一试 »
示例
namedItem(id)
提示表格中 id 为“myRow”的 <tr> 元素的 innerHTML
alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);
亲自试一试 »
示例
更改第一个表格单元格的内容
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";
亲自试一试 »
相关页面
HTML 参考：HTML <tr> 标签
JavaScript 参考：HTML DOM TableRow 对象
❮ 表格对象
