html获取表格上一行的最后一个单元格的js代码
时间: 2024-12-24 09:17:06 浏览: 8
在HTML中,如果你想通过JavaScript获取表格上一行的最后一个单元格,你可以使用DOM遍历的方式。假设你想获取当前选中的单元格所在的tr(table row)元素,然后取其上一行的最后一个单元格,可以这样做:
```javascript
// 假设有一个id为'tableID'的table元素
var table = document.getElementById('tableID');
var selectedCell = document.activeElement; // 获取当前激活的单元格
// 确保selectedCell在table内
if (selectedCell && selectedCell.tagName.toLowerCase() === 'td' && selectedCell.parentNode.tagName.toLowerCase() === 'tr') {
var currentRow = selectedCell.parentNode; // 获取当前行
var previousRow = currentRow.previousElementSibling; // 上一行
if (previousRow) {
var lastCellOfPreviousRow = previousRow.lastElementChild; // 获取上一行的最后一列
console.log(lastCellOfPreviousRow); // 打印结果
}
}
```
这段代码首先获取当前激活的单元格,然后获取这个单元格所在的行(tr),再找到上一行并获取它的最后一个单元格(lastElementChild)。如果找不到上一行,`previousElementSibling`将会返回null。
阅读全文