Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung |
| de:modul:m307:learningunits:lu09:01 [2025/12/01 23:19] – vdemir | de:modul:m307:learningunits:lu09:01 [2025/12/01 23:23] (aktuell) – vdemir |
|---|
| |
| ===== Lernziele ===== | ===== Lernziele ===== |
| - ??? | - Den Begriff **HTML-DOM** in eigenen Worten beschreiben |
| | - Zusammenhang zwischen JavaScript und HTML-DOM darlegen können. |
| | - Den Zugriff JS-Zugriff auf HTML-DOM Elemente beschreiben können. |
| |
| ===== Einleitung ===== | ===== Einleitung ===== |
| Der Begriff **HTML-DOM **(Document Object Model) bezeichnet die strukturierte, hierarchische Repräsentation eines HTML-Dokuments in einer Form, die von Programmiersprachen verarbeitet werden kann. Sobald ein Webbrowser eine HTML-Datei lädt, erzeugt er aus dem Dokument eine baumartige Datenstruktur, in der jedes HTML-Element (z. B. <body>, <div>, <p>) als eigener Knoten dargestellt wird. | Der Begriff **HTML-DOM **(Document Object Model) bezeichnet die strukturierte, hierarchische Repräsentation eines HTML-Dokuments in einer Form, die von Programmiersprachen verarbeitet werden kann. Sobald ein Webbrowser eine HTML-Datei lädt, erzeugt er aus dem Dokument eine baumartige Datenstruktur, in der jedes HTML-Element (z. B. <body>, <div>, <p>) als eigener Knoten dargestellt wird. |
| |
| {{:de:modul:m307:learningunits:lu09:dom-tree1.png?600|HTML-DOM als Baumstruktur}} | | {{:de:modul:m307:learningunits:lu09:dom-tree1.png?700|HTML-DOM als Baumstruktur}} | {{:de:modul:m307:learningunits:lu09:dom-tree2.png?700|Attribute, Inhalt und Beziehungen}} | |
| |
| Attribute, Textinhalte und Beziehungen zwischen Elementen werden ebenfalls in dieser Struktur abgebildet. | Attribute, Textinhalte und Beziehungen zwischen Elementen werden ebenfalls in dieser Struktur abgebildet. |
| |
| {{:de:modul:m307:learningunits:lu09:dom-tree2.png?600|Attribute, Inhalt und Beziehungen}} | |
| |
| ===== Zusammenhang mit JavaScript ===== | ===== Zusammenhang mit JavaScript ===== |