最新的Web開發教程
 

表細胞採集

<表對象

找出多少細胞有一個表中的第一行:

var x = document.getElementById("myTable").rows[0].cells.length;

x的結果將是:

2
試一試»

更多"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對象


<表對象