querySelectorAll

Lekcja 9 z 13 w kursie Metody DOM w JavaScript w Coddy.

Funkcja querySelectorAll() zwraca kolekcję wszystkich elementów pasujących do selektora podobnego do CSS, podobnie jak querySelector, ale pozwala pobrać wszystkie pasujące elementy naraz.

const elements = document.querySelectorAll(".other");

Powyższy kod pobiera wszystkie elementy z klasą other.

Wyzwanie

Łatwy

Otrzymujesz kod HTML zawierający dwa elementy span.

Używając wyłącznie JavaScript, zmień styl wszystkich elementów za pomocą funkcji querySelectorAll:

backgroundColor na "pink"
border na "1px solid red"

Spróbuj swoich sił

<!DOCTYPE html>
<html>
    <body>
        <span class="error">Error 1</span>
        <span class="error">Error 2</span>
        <script src="script.js"></script>
    </body>
</html>

Wszystkie lekcje w sekcji Metody DOM w JavaScript

1Wprowadzenie

Wprowadzenie Model obiektowy dokumentu

2Metody DOM I

getElementById Modyfikowanie stylu elementu getElementsByClassName Iterowanie i manipulowanie getElementsByTagName querySelector

3Metody DOM II

querySelectorAlladdEventListener innerHTML createElement i appendChild Przełączanie classList

Poćwicz samodzielnie: Edytor online Web