Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m288:learningunits:lu08:03do_edit [2025/12/05 01:25] – vdemir
+++ de:modul:m288:learningunits:lu08:03do_edit [2025/12/05 01:29] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
-====== LU08c - DOM-Methoden - TBD ======
+====== LU08c - DOM-Methoden ======
 ===== Lernziele =====
-  - ???
+  - Verschiedene DOM-Selektor-Methoden unterscheiden können: Sie kennen Zweck, Einsatzgebiet und Unterschiede von getElementById(), getElementsByClassName(), getElementsByTagName() und querySelector().
+  - HTML-Elemente gezielt auswählen und verändern können: Sie wenden jede Methode korrekt im Quellcode an, greifen auf einzelne Elemente oder Elementgruppen zu und manipulieren Inhalte oder Styles.
+  - Situationsgerecht den passenden Selektor auswählen können: Sie entscheiden selbstständig, welche Methode für eine konkrete Aufgabenstellung am sinnvollsten ist – effizient, korrekt und verständlich.
 ===== JavaScript DOM-Selektoren kompakte Übersicht =====
 Die folgenden Methoden dienen dazu, HTML-Elemente im Dokument (DOM) zu finden und zu manipulieren. Jede Methode arbeitet etwas anders und eignet sich für unterschiedliche Zwecke.
+----
 ==== 1. document.getElementById() ====
@@ Zeile 22: / Zeile 26: @@
       document.getElementById("titel").innerHTML = "Text erfolgreich geändert!";
   </script>
+----
 ==== 2. document.getElementsByClassName() ====
   * Liefert alle Elemente einer bestimmten CSS-Klasse als HTMLCollection (ähnlich wie ein Array).
@@ Zeile 39: / Zeile 45: @@
       document.getElementsByClassName("info")[1].style.color = "red";
   </script>
+----
 ==== 3. document.getElementsByTagName() ====
@@ Zeile 58: / Zeile 66: @@
   </script>
+----
 ==== 4. document.querySelector() ====