La seguente dichiarazione mi dà il primo elemento con la classe titanicaCome ottenere la seconda corrispondenza con QuerySelector?
element = document.querySelector('.titanic');
Come faccio a recuperare il secondo elemento con la stessa classe?
document.querySelectorAll('.titanic')[1]
Questo funzionerebbe. Ma non mi renderebbe in grado di modificare direttamente i valori, basta leggerli. Perché è un nodelist statico, invece di un nodelist live. Inoltre, le liste di nodi statiche richiedono più tempo per la produzione rispetto ai nodelist in tempo reale. C'è un'alternativa? –
@NickySmits È ancora possibile apportare modifiche agli elementi trovati. Un elenco di nodi statici significa semplicemente che non cambia quando il documento viene modificato (elementi aggiunti/rimossi) – Phil
Ho provato. Ma non ero in grado di modificare il innerHTML con il nodo statico, mentre era possibile con un nodo attivo. –
https://developer.mozilla.org/en-US/docs/Web/API/Document.querySelectorAll – Phil
'querySelectorAll' restituisce un insieme invece di un singolo elemento. I risultati vengono restituiti nell'ordine del documento, che è definito come un ordine in profondità. –