Table rows 集合
定义和用法
rows 集合返回表中所有 <tr> 元素的集合。
注意：集合中的元素按照它们在源代码中出现的顺序进行排序。
提示
请使用 insertRow() 方法创建新行 (<tr>)。
请使用 deleteRow() 方法删除行。
请使用 insertCell() 方法创建新单元格 (<td>)。
请使用 deleteCell() 方法删除单元格。
实例
例子 1
查明表中有多少行：
var x = document.getElementById("myTable").rows.length;
x 的结果将是：
2
例子 2：[index]
提示表格中第一个 <tr> 元素（索引 0）的 innerHTML：
alert(document.getElementById("myTable").rows[0].innerHTML;
例子 3：item(index)
提示表格中第一个 <tr> 元素（索引 0）的 innerHTML：
alert(document.getElementById("myTable").rows.item(0).innerHTML);
例子 4：namedItem(id)
提示表格中 id="myRow" 的 <tr> 元素的 innerHTML：
alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);
例子 5
更改第一个表格单元格的内容：
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";
语法
tableObject.rows
属性
| 属性 | 描述 |
|---|---|
| length |
返回集合中 注意：此属性是只读的。 |
方法
| 方法 | 描述 |
|---|---|
| [index] |
返回集合中有指定索引的 注意：如果索引号超出范围，则返回 null。 |
| item(index) |
返回集合中有指定索引的 注意：如果索引号超出范围，则返回 null。 |
| namedItem(id) |
返回集合中有指定 id 的 注意：如果 id 不存在，则返回 null。 |
技术细节
| DOM 版本： | Core Level 2 Document Object |
|---|---|
| 返回值： |
HTMLCollection 对象，表示 集合中的元素按照它们在源代码中出现的顺序进行排序。 |
浏览器支持
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 支持 | 支持 | 支持 | 支持 | 支持 |