Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
de:modul:m288:learningunits:lu08:03do_edit [2025/12/08 14:57] – [4. document.querySelector()] vdemirde: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 ===== ===== 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.  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 89: Zeile 97:
  
 **Codebeispiel** **Codebeispiel**
 +
 Damit wir alle p-Elemente verändern, braucht es eine Schleife. Damit wir alle p-Elemente verändern, braucht es eine Schleife.
  
       const alleP = document.querySelectorAll("p");       const alleP = document.querySelectorAll("p");
       // jedem die neue Klasse geben       // jedem die neue Klasse geben
-      alleP.forEach(p => p.className = "beschreibungN");+      alleP.forEach(p => p.className = "beschreibung");
  
  
  • de/modul/m288/learningunits/lu08/03do_edit.1765202226.txt.gz
  • Zuletzt geändert: 2025/12/08 14:57
  • von vdemir