如何与QuerySelector进行第二次匹配？

Question

以下语句为我提供了第一个具有 titanic

类的元素

element = document.querySelector('.titanic');

如何检索具有相同类的第二个元素？

Answer 1

使用document.querySelectorAll

document.querySelectorAll('.titanic')[1]

Answer 2

您不一定非要使用querySelectorAll来选择第二个元素，而是要使用querySelector API。您可以在选择器中利用CSS的强大功能。

例如，您可以这样做：

document.querySelector('.titanic:nth-child(2)')

选择第二个元素。注意：计数从1开始，而不是0。