Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| 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()] 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 ===== | ===== 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 {{ : | ||
| ---- | ---- | ||
| Zeile 94: | Zeile 102: | ||
| const alleP = document.querySelectorAll(" | const alleP = document.querySelectorAll(" | ||
| // jedem die neue Klasse geben | // jedem die neue Klasse geben | ||
| - | alleP.forEach(p => p.className = "beschreibungN"); | + | alleP.forEach(p => p.className = "beschreibung"); |