html当光标在第三列怎样获取下一行的同一列的单元格js原生态代码
时间: 2024-09-19 08:16:14 浏览: 49
在HTML中,如果你想通过JavaScript获取当前光标所在行的第三列元素,可以使用`event.target`获取触发事件的目标元素(即鼠标点击的单元格),然后遍历其所在的表格(`<table>`)行和列。这里是一个简单的原生JavaScript示例:
```javascript
// 假设你有一个id为"myTable"的表格
document.getElementById('myTable').addEventListener('click', function(event) {
// 获取被点击的单元格元素
var clickedCell = event.target;
// 确定当前光标的行索引
var rowIndex = Array.prototype.indexOf.call(this.rows, clickedCell.parentNode);
// 如果光标在第三列(假设每一列都有相同的td或th)
if (clickedCell.cellIndex === 2) {
// 获取同一行的第三列元素
var nextColumnCell = this.rows[rowIndex].cells[2];
console.log(nextColumnCell.innerText); // 或者你想获取的其他属性
}
}, false);
```
这个脚本监听表格的点击事件,判断点击的是不是第三列的单元格,如果是,则获取同一行的第三列元素。
阅读全文