tr cells 集合
tr 对象的 cells 集合返回表格行中所有 <td> 或 <th> 元素的个数
元素在集合中的顺序为与在源代码中的顺序是一致的
这个属性是只读的
语法
tableObject.cells
属性
属性 | 描述 |
---|---|
length | 返回集合中 <td> 或 <th> 元素的个数 |
方法
方法 | 描述 |
---|---|
[name_or_index] | 一个整数,指定元素检索位置 (从 0 开始) |
item(name_or_index) | 返回集合中的指定索引的元素 |
namedItem(name) | 返回集合中指定名称索引的元素索引 |
返回值
HTMLCollection 对象, 表示 <tr> 中所有 <td> 或 <th>元素
元素在集合中的顺序为与在源代码中的顺序是一致的
浏览器支持
Yes | Yes | Yes | Yes | Yes |
范例
显示第一行的单元格数量
var x = document.getElementById("myTable").rows[0].cells.length;
范例 2
[index]
弹出第一行第一个单元格的内容
alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);
范例 3
item( index )
弹出第一行第一个单元格的内容
alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);
范例 4
namedItem( id )
弹出第一行 id="myTd" 单元格的内容
alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);
范例 5
修改第一个单元格的内容
var x = document.getElementById("myTable").rows[0].cells;x[0].innerHTML = "NEW CONTENT";