querySelector
Lektion 8 von 13 im Kurs JavaScript DOM-Methoden von Coddy.
Die Funktion querySelector() wählt das erste Element aus, das einem leistungsstarken CSS-ähnlichen Selektor entspricht, was mehr Flexibilität als die vorherigen Methoden für komplexe Elementauswahlen bietet. Beispiel:
const button = document.querySelector("#btn");So greifen wir auf das button-Element mit der btn-ID zu.
Aufgabe
EinfachDir wird ein HTML-Code gegeben, der eine Schaltfläche enthält.
Verwende nur JavaScript,
- Greife auf das Element mit der Funktion
querySelectorzu. - Ändere
backgroundColormit der Eigenschaftstylezu red. - Ändere
colormit der Eigenschaftstylezu white.
Probier es selbst
<!DOCTYPE html>
<html>
<body>
<button id="myButton">Click Me</button>
<script src="script.js"></script>
</body>
</html>Alle Lektionen in JavaScript DOM-Methoden
2DOM-Methoden I
getElementByIdElement-Stil änderngetElementsByClassNameDurchlaufen und manipulierengetElementsByTagNamequerySelector