Element-Stil ändern
Lektion 4 von 13 im Kurs JavaScript DOM-Methoden von Coddy.
Die nächste Eigenschaft, die wir lernen werden, ist style, die für das Ändern des bestehenden Stylings verantwortlich ist. Du kannst das Styling wie folgt ändern:
const element = document.getElementById("elementID");
element.style.color = "green";Nach diesem Code wird die Farbe von #elementID in green geändert.
Aufgabe
EinfachIhnen wird ein HTML-Code gegeben, der ein div mit einer ID enthält.
Verwenden Sie nur JavaScript, um die Hintergrundfarbe dieses div auf "red" zu ändern:
- Rufen Sie das Element mit der Funktion
getElementByIdab. - Ändern Sie den Stil der Hintergrundfarbe des Elements mit der Eigenschaft
style.backgroundColor.
Probier es selbst
<!DOCTYPE html>
<html>
<body>
<div id="box" style="width: 100px; height: 100px;">Content</div>
<script src="script.js"></script>
</body>
</html>Alle Lektionen in JavaScript DOM-Methoden
2DOM-Methoden I
getElementByIdElement-Stil änderngetElementsByClassNameDurchlaufen und manipulierengetElementsByTagNamequerySelector