table的 rowIndex 属性

rowIndex 属性返回某一行在表格的行集合中的位置(row index)。

语法

tablerowObject.rowIndex

实例

下面的例子返回了某一行在表格中的位置:

<html>
<head>
<script type="text/javascript">
function alertRowIndex()
  {
  alert(document.getElementById("tr1").rowIndex);
  }
</script>
</head>
<body>

<table id= "myTable" border="1">
<tr id="tr1">
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr id="tr2">
<td>Peter</td>
<td>Griffin</td>
</tr>
</table>
<br />
<input type="button" onclick="alertRowIndex()"
value="Alert row index" />

</body>
</html>

rows 集合返回表格中所有行(TableRow 对象)的一个数组,即一个 HTMLCollection。

该集合包括 <thead>、<tfoot> 和 <tbody> 中定义的所有行。

语法

tableObject.rows[]

下面的例子使用了 rows 集合来显示第一行中的内容:

alert(document.getElementById('myTable').rows[0].innerHTML)

更改表格单元格中的内容
var x=document.getElementById('myTable').rows[0].cells
x[0].innerHTML="新的内容"
    
    
    
    
更改一个表格行的 colspan
document.getElementById("td1").colSpan="2";

你可能感兴趣的:(table的 rowIndex 属性)