Comment obtenir la deuxième correspondance avec QuerySelector?
L'instruction suivante me donne le premier élément avec la classe titanic
element = document.querySelector('.titanic');
Comment pourrais-je récupérer le deuxième élément avec la même classe?
Utilisation document.querySelectorAll
document.querySelectorAll('.titanic')[1]
Vous n'avez pas nécessairement besoin de querySelectorAll pour choisir le deuxième élément et la question est d'utiliser querySelector API. Vous pouvez utiliser la puissance de CSS dans le sélecteur.
Par exemple, vous pouvez faire:
document.querySelector('.titanic:nth-child(2)')
pour choisir le deuxième élément. REMARQUE: le décompte commence à 1, ne pas 0.