Javascript 选择子节点（DOM）

如何选择第二个

使用DOM选择器

返回值：包含类名的元素数组

将

[？]

替换为

getElementsByClassName

选择器返回值中的目标索引。例如，如果包含

属性的
标记返回子节点（在本例中为

（选定元素）
有多种可能性：
document.queryselectoral（'.navigation a'）[1]
，
document.querySelector（'.navigation'）.children[1]
，
document.queryselectoral（'.navigation a:nth child（2）
，
document.getElementsByClassName（'navigation'）[0]。children[1]
。这取决于您的用例。被否决的投票者能否解释他们为什么被否决？或者这是回答这个问题的惩罚吗？使用
getElementsByTagName
一点也不具体，您选择整个文档中的所有
标记……以及使用类似于此的选择器时性能的下降。@JordanAvis，非常好的观点。感谢您指出这一点。感谢您不是匿名的投票人。请将其更改为
。getElementsByClassName（'navigation'）[？]。children[1]
正如@Xufox在主线程中提到的，这将是最快的方法，这取决于may元素与
导航类的关联方式……但是我建议他使用
id
并使用
getElementById
直接选择，但我们没有他的完整源代码，所以我们只能说这些。@jordavis，h呃，谢谢，再次感谢你的提示：）
<div class="navigation">
    <a href="/page/2/">Prev</a>
    <a href="/page/4/">Next</a>
</div>

document.getElementsByClassName('navigation')[1].children[1];

<div class="navigation">
    <a href="/page/1/">Prev</a>
    <a href="/page/2/">Next</a> 
</div>
<div class="navigation">
    <a href="/page/3/">Prev</a>
    <a href="/page/4/">Next</a> (selected element)
</div>
<div class="navigation">
    <a href="/page/5/">Prev</a>
    <a href="/page/6/">Next</a> 
</div>
<div class="navigation">
    <a href="/page/7/">Prev</a>
    <a href="/page/8/">Next</a> 
</div>