您好,我正在尝试使用 get.ElementByTagName 和 javascript 来访问 elemnt。我不想使用类和 ID。我怎样才能到达第二个分区旁边的第三个分区?
<div></div>
<div>
<div></div>
<div>Here</div>
<div></div>
</div>
<div></div>
<div></div>
<div></div>
<div></div>
最佳答案
您可以将 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附加到它们)
关于javascript - 如何获取第二个 div 内的第三个 div 的ElementsByTagName?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51114849/