html当光标在第一行的第三列怎样获取下第二行的同一列的单元格js原生态代码
时间: 2024-09-19 20:16:20 浏览: 46
在HTML中,如果想要通过JavaScript获取光标位于第一行第三列元素后向下移动一行在同一列的单元格内容,你可以使用`event.target`来获取当前聚焦的元素,并从那里开始遍历DOM。这是一个简单的示例:
```javascript
// 假设你的表格结构类似这样:
// <table id="myTable">
// <tr>
// <td>第一行 第三列</td>
// <!-- 其他单元格 -->
// </tr>
// <tr>
// <td>第二行 同一列内容</td>
// <!-- 其他单元格 -->
// </tr>
// </table>
document.getElementById('myTable').addEventListener('focus', function(event) {
const target = event.target;
// 检查目标元素是否在第一行第三列
if (target.tagName === 'TD' && parseInt(target.cellIndex) === 2) {
// 获取下一行同一列的元素
const nextRowCell = target.parentElement.nextElementSibling.querySelector('td:nth-child(3)');
// 如果找到,显示其内容
if (nextRowCell) {
console.log(nextRowCell.textContent);
} else {
console.log("未找到下一列的单元格");
}
}
}, false);
```
这个例子假设事件监听器放在表格上,然后针对`<td>`元素触发,如果光标位于第一行第三个单元格,它将获取并打印出下一行对应位置的单元格内容。
阅读全文