Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m288:learningunits:lu08:01 [2025/12/08 14:33] – [Zugriff auf DOM-Elemente] vdemir
+++ de:modul:m288:learningunits:lu08:01 [2025/12/08 14:34] (aktuell) – vdemir
@@ Zeile 51: / Zeile 51: @@
 Im obigen Code wird beim Drücken des Buttons die Farbe in der Box geändert und der Titel von //Alter Titel// in //Neuer Titel// geändert, wobei dafür die HTML-DOM-methode //getElementById// verwendet wird.
-===== Änderung von DOM-Inhalten =====
-Durch DOM-Manipulation lassen sich Struktur, Inhalt und Darstellung beeinflussen.
-**Beispiele:**
-  document.getElementById("titel").textContent = "Neuer Titel";
-  document.getElementById("box").style.backgroundColor = "lightgray";
-  //
-  const neu = document.createElement("p");
-  neu.textContent = "Dynamisch erzeugter Absatz";
-  document.body.appendChild(neu);
-In diesem Beispiel wird Text ersetzt, ein Stil angepasst und ein neues Element erzeugt und in das Dokument eingefügt.
-===== Ereignisverarbeitung (Event Handling) =====
-Das DOM ermöglicht die Verarbeitung von Benutzerinteraktionen. JavaScript kann sogenannte „Event Listener“ registrieren, die auf Ereignisse reagieren, beispielweise Mausklicks oder Tastatureingaben.
-  document.getElementById("button").addEventListener("click", function () {
-    alert("Schaltfläche wurde gedrückt.");
-  });
 ===== Lernvideos =====