更多"Try it Yourself"下面的例子。
定義和用法
將細胞收集返回所有的集合<td>或<th>在表中的元素。
Note:因為它們出現在源代碼的集合中的元素進行排序。
提示:使用行集合返回所有的集合<tr>表中的元素。
提示:使用insertRow()方法來創建一個新的行(<tr>)
提示:使用deleteRow()方法來刪除行。
提示:使用insertCell()方法來創建一個新的小區(<td>)
提示:使用deleteCell()方法來刪除一個細胞。
瀏覽器支持
採集 | |||||
---|---|---|---|---|---|
cells | 是 | 是 | 是 | 是 | 是 |
句法
tableObject .cells
屬性
屬性 | 描述 |
---|---|
length | 返回的數<td>和/或<th>集合中的元素。 注:該屬性為只讀 |
方法
方法 | 描述 |
---|---|
[ index ] | 返回<td>和/或<th>從與指定的索引的集合元素(starts at 0) 。 注:如果索引數量超出範圍,則返回null |
item( index ) | 返回<td>和/或<th>從與指定的索引的集合元素(starts at 0) 。 注:如果索引數量超出範圍,則返回null |
namedItem( id ) | 返回<td>和/或<th>從與指定ID的集合元素。 注:如果ID不存在,則返回null |
技術細節
DOM版本: | 酷睿2級文檔對象 |
---|---|
返回值: | 的HTMLCollection對象,表示所有<td>和/或<th>中的元素<table>元素。 當它們出現在源代碼的集合中的元素進行排序 |
更多示例
例
[ 索引 ]
提醒表的第一行中的第一個單元格的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 = "NEW
CONTENT";
試一試» 相關頁面
HTML參考: HTML <td>標籤
HTML參考: HTML <th>標籤
JavaScript的參考: HTML DOM對象資料表
JavaScript的參考: HTML DOM的tableHeader對象
<表對象