javascript - JS 改变 CSS 嵌套 tr

Question

我想这样做:

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

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

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

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

Answer 1

您可以使用 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')