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

Question

以下语句为我提供了第一个具有泰坦尼克类的元素

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

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

Answer 1

使用 document.querySelectorAll

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

Answer 2

您不一定需要querySelectorAll选择第二个元素，问题是使用querySelectorAPI。您可以在选择器中利用 CSS 的强大功能。

例如你可以这样做：

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

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