12
Poniższe zestawienie daje mi pierwszy element z klasą TitanicJak uzyskać drugi mecz z QuerySelector?
element = document.querySelector('.titanic');
Jak odzyskać drugi element z tej samej klasy?
A
Odpowiedz
19
Zastosowanie document.querySelectorAll
document.querySelectorAll('.titanic')[1]
+0
To by działało. Ale nie zmusiłbym mnie do bezpośredniej zmiany wartości, wystarczy je przeczytać. Ponieważ jest to statyczna nodelistka, a nie żywa nodelistka. Ponadto, statyczne węzły nodeList potrzebują więcej czasu na wyprodukowanie niż na żywo. Czy istnieje alternatywa? –
+0
@NickySmits Nadal możesz wprowadzać zmiany do znalezionych elementów. Lista statycznych węzłów oznacza, że nie zmienia się po zmianie dokumentu (elementy dodane/usunięte) – Phil
+0
Próbowałem. Ale nie byłem w stanie zmienić innerHTML z węzłem statycznym, podczas gdy było to możliwe z węzłem na żywo. –
Powiązane problemy
- 1. jQuery odpowiednik querySelector
- 2. Wydajność przy użyciu JS querySelector
- 3. mecz z typeof w fsharp
- 4. JavaScript querySelector vs. getElementById
- 5. Mecz z negacją
- 6. uzyskać drugi do ostatniego elementu tablicy?
- 7. Niekompletne mecz z I wzory
- 8. mecz Preg ukośniki
- 9. Jak znaleźć drugi ostatni element z listy?
- 10. CUpewnij regex mecz listy
- 11. MECZ MySQL NIE DZIAŁA
- 12. W jaki sposób querySelector działa pod maską?
- 13. NumPy mecz wymiary indeksujące
- 14. Jak regex zastąpić element grupy mecz z wynikiem metody
- 15. MongoDB zaawansowanych zapytań: uzyskać elementy w tablicy pasujących drugi warunek
- 16. querySelector, element wieloznaczny pasuje do siebie?
- 17. Wzór Mecz na tablicy Key
- 18. Odbiór dokładny cyfrowy mecz z ciągiem
- 19. R jak wyświetlić co drugi element?
- 20. Dlaczego MS Edge nie działa z elementem spread i querySelector?
- 21. elasticsearch mecz vs zapytania termin
- 22. Wymiana każdy mecz z inną propozycją
- 23. regex ulica adres mecz
- 24. python regex pierwszy/najkrótszy mecz
- 25. sed zastąpić dokładny mecz
- 26. Jak korzystać z pkginclude_HEADERS i Automake, aby uzyskać drugi katalog uwzględnienia?
- 27. QML: Jak uzyskać ładny efekt przejścia między źródłami obrazu (jeden z nich przechodzi w drugi)?
- 28. Wyrażenie regularne negatywne mecz
- 29. Regex uprzedzający odrzucił mecz
- 30. Jak mogę użyć querySelector, aby wybrać element wejściowy według nazwy?
https://developer.mozilla.org/en-US/docs/Web/API/Document.querySelectorAll – Phil
'querySelectorAll' zwraca kolekcję zamiast pojedynczego elementu. Wyniki są zwracane w porządku dokumentu, który jest zdefiniowany jako pierwsze zamówienie. –