Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m288:learningunits:lu08:03do_edit [2025/12/08 14:35] – [Lernvideos] vdemir
+++ de:modul:m288:learningunits:lu08:03do_edit [2025/12/18 08:05] (aktuell) – [4. document.querySelector()] vdemir
@@ Zeile 8: / Zeile 8: @@
 ===== 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.
+  * getElementByID
+  * getElementsByClassName
+  * getElementsByTagName
+  * querySelector
+Die in der Demonstration verwendeten Beispielscripte finden Sie hier {{ :de:modul:m288:learningunits:lu08:lu08_demo.zip |}}
 ----
@@ Zeile 84: / Zeile 92: @@
   <p class="b">3</p>
   <script>
-      document.querySelector(".b").style.fontWeight = "bold";  // trifft nur das erste .b
+      document.querySelector(".b").style.fontWeight = "bold";
+      // triff nur das erste .b, alle anderen werden ignoriert
   </script>
+**Codebeispiel**
+Damit wir alle p-Elemente verändern, braucht es eine Schleife.
+      const alleP = document.querySelectorAll("p");
+      // jedem die neue Klasse geben
+      alleP.forEach(p => p.className = "beschreibung");