Einleitung in die Manipulation des DOM mit JavaScript In dieser Lektion lernen wir, wie wir das Dokumentenobjektmodell (DOM) mit JavaScript verändern können, um interaktive Webseiten zu erstellen. Das DOM ist ein Baumstruktur, der das HTML-Dokument darstellt. JavaScript kann hier verwendet werden, um Elemente hinzuzufügen, zu entfernen, zu ändern oder zu manipulieren. Hier ist ein einfaches Beispiel:
<!-- html ... -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DOM Manipulation</title>
</head>
<body>
<button id="myButton">Klicke mich</button>
</body>
</html>
// javascript ...
document.getElementById('myButton').onclick = function() {
document.body.style.backgroundColor = 'lightblue';
}
Dieses Beispiel fügt eine einfache CSS-Eigenschaft (background-color) zum body hinzu, wenn der Button geklickt wird.