Table cells 集合
实例
找出表格的第一行有多少个单元格:
var x = document.getElementById("myTable").rows[0].cells.length;
The result of x will be:
2
亲自试一试 »
提示: 下面有更多实例。
定义和用法
cells 单元格集合返回表中所有 <td> 或 <th> 元素的集合。
注意:集合中的元素按照它们在源代码中出现的顺序进行排序。
提示:使用 rows 集合返回表中所有 <tr> 元素的集合。
提示:使用 insertRow() 方法创建一个新行 (<tr>)。
提示:使用 deleteRow() 方法删除一行。
提示:使用 insertCell() 方法创建一个新单元格 (
提示:使用 deleteCell() 方法删除一个单元格。
浏览器支持
| Collection | |||||
|---|---|---|---|---|---|
| cells | Yes | Yes | Yes | Yes | Yes |
语法
tableObject.cells
属性
| 属性 | 描述 |
|---|---|
| length | 返回集合中 <td> 和 <th> 元素的数量。 Note: 该属性是只读的 |
方法
| Method | 描述 |
|---|---|
| [index] | 返回集合中具有指定索引的 <td> 、 <th> 元素（从 0 开始）。 注意:如果索引号超出范围则返回null |
| item(index) | 返回集合中具有指定索引的 <td> 、 <th> 元素（从 0 开始）。 注意:如果索引号超出范围则返回null |
| namedItem(id) | 返回集合中具有指定 id 的 <td> 、 <th> 元素。 注意:如果id不存在则返回null |
技术细节
| DOM Version: | Core Level 2 Document Object |
|---|---|
| 返回值: | 一个 HTMLCollection 对象，表示 <table> 元素中的所有 <td> 、 <th> 元素。 集合中的元素按照它们在源代码中出现的方式排序 |
更多实例
实例
[index]
提示表格第一行第一个单元格的 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 TableData 对象
JavaScript 参考手册: HTML DOM TableHeader 对象
❮ Table 对象
