gpt4 book ai didi

javascript - JS 改变 CSS 嵌套 tr

转载 作者:行者123 更新时间:2023-12-03 07:03:56 25 4
gpt4 key购买 nike

我想这样做:

.LoanAppLine:nth-of-type(5) tr {
...
}

但在 JavaScript 中。我试过了,但不确定如何让它发挥作用。

document.getElementsByClassName('LoanAppLine')[5] tr.style.display = 'none';

我只想更改嵌套 tr 中的 CSS。

最佳答案

您可以使用 querySelector()而不是 getElementsByClassName()。较新的 querySelector() 返回与指定 CSS 选择器匹配的第一个元素。你可以使用:

document
.querySelector('.LoanAppLine:nth-of-type(5) tr')
.style
.display = 'none'

如果你有多个元素,你可以使用querySelectorAll()相反,它返回一个 NodeList(与您的选择器匹配的元素列表)。节点列表有一个 forEach()可用于迭代元素的方法:

document
.querySelectorAll('.LoanAppLine:nth-of-type(5) tr')
.forEach(el => el.style.display = 'none')

关于javascript - JS 改变 CSS 嵌套 tr,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64615766/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com