<script>
// 跨列显色
let trs = document.querySelectorAll("tr")
console.log(trs);
for (let i = 0; i < trs.length; i++) {
let td = trs[i].children;
console.log(td);
for (let j = 0; j < td.length; j += 2) {
td[j].style.backgroundColor = "aqua"
}
}
</script>
<script src="">
// 点击跨列显色(写不来)
let tdd = document.querySelectorAll("td")
tdd[i].onclick = function () {
for (let i = 0; i < trss.length; i++) {
let trss = tdd[i].parentElement.children[i];
for (j = 0; j < td.length; j++) {
trss[j].parentElement.style.backgroundColor = "pink";
}
// td[j].parentElement[i].children[j].style.backgroundColor = "aqua";
}
}
</script>
这篇博客探讨了如何使用JavaScript实现表格中跨列的颜色高亮,并尝试添加点击事件来改变选中单元格所在列的颜色。示例代码展示了如何选取表格行和单元格,以及应用背景色。博客内容主要涉及前端开发中的JavaScript交互和DOM操作。
176

被折叠的 条评论
为什么被折叠?



