TableRow cells 集合
實例
例子 1
顯示第一行的單元格數:
var x = document.getElementById("myTable").rows[0].cells.length;
x 的結果將是:
2
例子 2:[index]
輸出表格第一行中第一個單元格的 innerHTML:
alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);
例子 3:item(index)
輸出表格第一行中第一個單元格的 innerHTML:
alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);
例子 4:namedItem(id)
輸出表格第一行中 id="myTd" 的單元格的 innerHTML:
alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);
例子 5
更改第一個表格單元格的內容:
var x = document.getElementById("myTable").rows[0].cells; x[0].innerHTML = "NEW CONTENT";
語法
tableObject.cells
屬性
屬性 | 描述 |
---|---|
length |
返回集合中 <td> 和/或 <th> 元素的數量。 注釋:此屬性是只讀的。 |
方法
方法 | 描述 |
---|---|
[index] |
返回集合中有指定索引的 <td> 和/或 <th> 元素(從 0 開始)。 注釋:如果索引號超出范圍,則返回 null。 |
item(index) |
返回集合中有指定索引的 <td> 和/或 <th> 元素(從 0 開始)。 注釋:如果索引號超出范圍,則返回 null。 |
namedItem(id) |
從擁有指定 id 的集合中返回 <td> 和/或 <th> 元素。 注釋:如果 id 不存在,則返回 null。 |
技術細節
DOM 版本: | Core Level 2 Document Object |
---|---|
返回值: |
HTMLCollection 對象,表示 <tr> 元素中的所有 <td> 和/或 <th> 元素。 集合中的元素按照它們在源代碼中出現的順序進行排序。 |
瀏覽器支持
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
支持 | 支持 | 支持 | 支持 | 支持 |