Как получить второй матч с QuerySelector?

Следующий оператор дает мне первый элемент с титаном класса

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

Как бы получить второй элемент с тем же классом?

Ответ 1

Используйте document.querySelectorAll

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

Ответ 2

Вам не обязательно нужен querySelectorAll для выбора второго элемента, и вопрос в том, чтобы использовать API querySelector. Вы можете использовать силу CSS в селекторе.

Например, вы можете сделать:

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

чтобы выбрать второй элемент. ПРИМЕЧАНИЕ: отсчет начинается с 1, а не с 0.