javascript - 如何获取第二个 div 内的第三个 div 的ElementsByTagName？

Question

您好，我正在尝试使用 get.ElementByTagName 和 javascript 来访问 elemnt。我不想使用类和 ID。我怎样才能到达第二个分区旁边的第三个分区？

<div></div>
<div>
    <div></div>
    <div>Here</div>
    <div></div>
</div>
<div></div>
<div></div>
<div></div>
<div></div>

Answer 1

您可以将 document.querySelector 与 nth-child 一起使用

console.log(document.querySelector('div:nth-child(2) > div:nth-child(2)'))

<div></div>
<div>
    <div></div>
    <div>Here</div>
    <div></div>
</div>
<div></div>
<div></div>
<div></div>
<div></div>

请注意，我选择了第二个子项，因为其中包含“Here”。如果您想定位其后的空子，请使用 nth-child(3) 代替...

<小时/>

作为旁注

I dont want to use class and id

这是一个非常糟糕的主意，不要管它，因为它会更快地选择您想要定位的元素，并且基于“正确构建”的 html 选择它们也更容易。正常的方法是给你的元素类和/或id(也是因为样式原因将正确的CSS附加到它们)