最新的Web开发教程
 

表行集合

<表对象

例

了解有多少行是一个表：

var x = document.getElementById("myTable").rows.length;

x的结果将是：

2
试一试»

更多"Try it Yourself"下面的例子。

定义和用法

行集合返回所有的集合<tr>在表中的元素。

Note:因为它们出现在源代码的集合中的元素进行排序。

提示：使用insertRow()方法来创建一个新的行(<tr>)

提示：使用deleteRow()方法来删除行。

提示：使用insertCell()方法来创建一个新的小区(<td>)

提示：使用deleteCell()方法来删除一个细胞。

提示：使用细胞收集返回所有的集合<td>或<th>在表中的元素。

浏览器支持

采集
rows 是 是 是 是 是

句法

tableObject .rows

属性

属性 描述
length 返回的数<tr>集合中的元素。

注：该属性为只读

方法

方法 描述
[ index ] 返回<tr>从与指定的索引的集合元素(starts at 0) 。

注：如果索引数量超出范围，则返回null
item( index ) 返回<tr>从与指定的索引的集合元素(starts at 0) 。

注：如果索引数量超出范围，则返回null
namedItem( id ) 返回<tr>从与指定ID的集合元素。

注：如果ID不存在，则返回null

技术细节

DOM版本： 酷睿2级文档对象
返回值： 的HTMLCollection对象，代表所有<tr>中的元素<table>元素。 当它们出现在源代码的集合中的元素进行排序
例子

更多示例

例

[ 索引 ]

提醒第一的innerHTML <tr>元素(index 0)在表中：

alert(document.getElementById("myTable").rows[0].innerHTML;
试一试»

例

item( index )

提醒第一的innerHTML <tr>元素(index 0)在表中：

alert(document.getElementById("myTable").rows.item(0).innerHTML);
试一试»

例

namedItem( id )

提醒的innerHTML <tr>与表ID =“myRow”元素：

alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);
试一试»

例

更改第一个表格单元格的内容：

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";
试一试»

相关页面

HTML参考： HTML <tr>标签

JavaScript的参考： HTML DOM对象的TableRow

<表对象