querySelectorAll
Lektion 9 von 13 im Kurs JavaScript DOM-Methoden von Coddy.
Die Funktion querySelectorAll() gibt eine Sammlung aller Elemente zurück, die einem CSS-ähnlichen Selektor entsprechen, ähnlich wie querySelector, aber sie ermöglicht es Ihnen, alle übereinstimmenden Elemente auf einmal zu erfassen.
const elements = document.querySelectorAll(".other");Das Obige ruft alle Elemente mit dem Klassennamen other ab.
Aufgabe
EinfachDir wird HTML-Code gegeben, der zwei Spans enthält.
Verwende ausschließlich JavaScript, um das Styling aller Elemente mithilfe der Funktion querySelectorAll zu ändern:
backgroundColorauf"pink"borderauf"1px solid red"
Probier es selbst
<!DOCTYPE html>
<html>
<body>
<span class="error">Error 1</span>
<span class="error">Error 2</span>
<script src="script.js"></script>
</body>
</html>Alle Lektionen in JavaScript DOM-Methoden
3DOM-Methoden II
querySelectorAlladdEventListenerinnerHTMLcreateElement und appendChildclassList toggle