Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- 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
@@ Zeile 2: / Zeile 2: @@
 ===== 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 =====
-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.
-{{:de:modul:m307:learningunits:lu09:dom-tree2.png?600|Attribute, Inhalt und Beziehungen}}
 ===== Zusammenhang mit JavaScript =====