最新的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对象


<表对象