Table rows 集合
更多“自己嘗試”的例子見下文。
描述
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 = "新內容";
自己動手試一試 »
相關頁面
HTML 參考：HTML <tr> 標籤
JavaScript 參考：HTML DOM TableRow 物件
↜ Table 物件
