table的 rowIndex 属性

最新推荐文章于 2022-06-26 22:25:29 发布

zhengbo0

最新推荐文章于 2022-06-26 22:25:29 发布

阅读量4.3k

点赞数 1

分类专栏： javascript 文章标签： table button border

本文链接：https://blog.csdn.net/zhengbo0/article/details/7904601

版权

javascript 专栏收录该内容

67 篇文章 2 订阅

订阅专栏

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" οnclick="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";

zhengbo0

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
table的 rowIndex 属性

rowIndex 属性返回某一行在表格的行集合中的位置（row index）。语法tablerowObject.rowIndex实例下面的例子返回了某一行在表格中的位置：function alertRowIndex() { alert(document.getElementById("tr1").rowIndex); }
复制链接

扫一扫