怎么获取原生table的rowindex
时间: 2024-12-25 12:30:21 浏览: 5
在JavaScript中,如果你有一个HTML Table元素并且想要获取某一行的行索引(rowIndex),你可以通过`tr`元素的`index`属性来获取。下面是一个简单的示例:
```javascript
// 获取表格中的所有tr元素
var table = document.getElementById('yourTableId');
var rows = table.getElementsByTagName('tr');
// 对于每一行,获取其索引
for (var i = 0; i < rows.length; i++) {
var rowIndex = i;
console.log(rows[i], " 的行索引是 ", rowIndex);
}
```
在这个例子中,`rows[i].index` 就会返回第 `i+1` 行的行索引,因为索引是从0开始的。记得将 `'yourTableId'` 替换为你实际的表格ID。
如果你想在特定事件触发时获取当前选中的行的行索引,例如点击事件,可以这样做:
```javascript
var rows = table.rows;
rows.onclick = function(event) {
var rowClicked = event.target || event.srcElement;
if (rowClicked.tagName === 'TR') {
var rowIndex = Array.prototype.indexOf.call(rows, rowClicked);
console.log("您点击的行的索引是:", rowIndex);
}
};
```
这里我们检查了点击的是不是`<tr>`标签,并使用`Array.prototype.indexOf`方法找出它在`rows`数组中的位置。
阅读全文