Comment obtenir le deuxième match avec QuerySelector?

La déclaration suivante donne moi le premier élément avec la classe titanic

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

Comment puis-je récupérer le deuxième élément avec la même classe?

developer.mozilla.org/en-US/docs/Web/API/...
querySelectorAll renvoie une collection au lieu d'un seul élément. Les résultats sont retournés dans l'ordre du document, qui est définie comme la profondeur d'abord de la commande.

OriginalL'auteur Nicky Smits | 2014-04-07

  1. 23

    Utilisation document.querySelectorAll

    document.querySelectorAll('.titanic')[1]
    Ce serait le travail. Mais ne me faites pas en mesure de modifier directement les valeurs, il suffit de lire. Parce que c'est un statique nodelist, au lieu de vivre nodelist. Aussi, statique élément nodelists prendre plus de temps à produire que de vivre élément nodelists. Est-il une alternative?
    Vous pouvez toujours apporter des modifications aux éléments. Statique de la liste des nœuds juste qu'il ne change pas lorsque le document est modifié (éléments ajoutés / supprimés)
    J'ai essayé. Mais je n'étais pas en mesure de changer le innerHTML avec la statique nœud, alors qu'il était possible avec un nœud.
    Ensuite, vous êtes en train de faire quelque chose d'autre que je ne suis pas au courant de jsfiddle.net/ZQZhX
    Holy crap! Il ne le travail! Thx bro. J'ai fait exactement la même chose et ça n'a pas fonctionné, mais appearantly c'était juste un hasard faute. Eh bien, cela m'aide beaucoup. Avez-vous le savez peut-être aucun moyen de faire un live nodelist trop?

    OriginalL'auteur Phil