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";

运行范例 »

返回上一级

JavaScript 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.