Javascript jschangescss嵌套tr

我希望这样做：

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

但是在JavaScript中。我试过这个，但不知道如何让它工作

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

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

您可以使用而不是

getElementsByClassName（）

。较新的

querySelector（）

返回与指定CSS选择器匹配的第一个元素。您可以使用：

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

如果有多个元素，可以使用返回节点列表（与选择器匹配的元素列表）的。节点列表有一种方法可用于迭代元素：

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

---

您可以使用

document.querySelectorAll

获取与选择器匹配的所有元素，并使用

forEach

对其进行循环

document.querySelectorAll(".LoanAppLine:nth-of-type(5) tr").forEach(x => x.style.display = "none");

---

所以请记住，在Javascript中，数组、节点列表等都是基于0的，所以

…[5]

实际上是第6项。试试

…[4]

。