DOM (Document Object Model)

Präsentation zum Thema: "DOM (Document Object Model)"—  Präsentation transkript:

1 DOM (Document Object Model)
Multimedia Seminar, WS 01/02, Michael Bromm

2 Inhalt Allgemein Daten in „DOM - Form“ Standards Verfügbare APIs
Verwandte Technologien

3 1. Allgemein Was ist DOM? Document Object Model
(Objektorientiertes Dokumentenmodell) Hat zwei Bedeutungen Logische Modell zur Darstellung von Daten Schnittstellen zum Zugriff auf das Modell Navigieren, Lesen/Schreiben, Hinzufügen und Entfernen von Daten

4 1. Allgemein Informationen im DOM
Logische Struktur für XML – Dokumente Jede Form von Informationen die mit XML strukturiert werden können HTML ist eine gültige XML - Sprache

5 1. Allgemein XML – Grundlagen (1/4) Extensible Markup Language
Vom W3C definierte Teilmenge von SGML Metasprache zur Definition von Sprachen Strukturiert Informationen in Textdateien Strukturierung durch Maßgeschneiderte Menge von Tags

6 1. Allgemein XML – Grundlagen (2/4)
Tag: <name>Heinz</name> Kurzform: <name/> Attribute: <person id=„0815“/> Schachtelung: <person id=„0815“> <name>Heinz</name> </person> Tags und Attribute werden frei definiert

7 1. Allgemein XML – Grundlagen (3/4) Wenige allgemeine Regeln
Hat genau eine Wurzel Wohlgeformt (well formed): Alle Tags geschlossen die geöffnet wurden Verschachtelung in korrekter Reihenfolge Gültig (valid): Eine korrekte DTD (Document Type Definition) Dokument entspricht der DTD

8 1. Allgemein XML – Grundlagen (4/4) Beispiel: Telefonbucheintrag
<?xml version="1.0" encoding=„UTF-8"?> <person> <name>Becker</name> <vorname>Heinz</vorname> <tel>12345/98765</tel> </person>

9 2. Daten in „DOM – Form“ Das Modell (1/4)
Hierarchische Struktur von Elementen Ein Wurzelelement mit beliebig vielen Nachfolgern Jeder Nachfolger kann selbst beliebig viele Nachfolger haben Struktur ist ein Baum

10 2. Daten in „DOM - Form“ Das Modell (2/4)

11 2. Daten in „DOM - Form“ Das Modell (3/4)
Baum entspricht der Struktur eines XML – Dokumentes Jedes Element entspricht einem Tag Jeder Knoten enthält die Information selbst und evtl. die Attribute des Tags

12 2. Daten in „DOM - Form“ Das Modell (4/4) Beispiel: HTML - Dokument

13 2. Daten in „DOM - Form“ Daten Strukturieren (1/4)
DOM ermöglicht Erstellung von neuen Dokumenten Informationen können aus verschiedenen Quellen stammen Informationen werden zur Laufzeit in verschiedenen Formen gespeichert

14 2. Daten in „DOM - Form“ Daten Strukturieren (2/4)
Abbildung der internen Strukturen auf das DOM notwendig Strukturierung der Daten notwendig Erkennen von einzelnen Elementen Logische Gruppierung von Elementen zu Gruppen

15 2. Daten in „DOM - Form“ Daten Strukturieren (3/4)

16 2. Daten in „DOM - Form“ Daten Strukturieren (4/4)

17 3. Standards W3C (1/2) Empfehlung des W3C
V.1.0 – 1. August 1998 V.2.0 – 13. November 2000 an V.3.0 wird gearbeitet W3C eingeschaltet um einheitliche Sprachnorm für JavaScript zu entwickeln Unterschiedlichen Implementierungen von JavaScript durch Netscape und Microsoft

18 3. Standards W3C (2/2) Probleme bei der Entwicklung von Skripten
DOM nicht nur für HTML ergänzende Scriptsprachen konzipiert, sondern für alle XML gerechten Auszeichnungssprachen Durch Gegebenheiten und Verbreitung von HTML wurden „DOM Core“ und „DOM HTML“ entwickelt

19 3. Standards DOM Core (1/4) Definiert eine Menge von Schnittstellen
Da DOM den objektorientierten Ansatz verfolgt kann von abstrakten Klassen gesprochen werden DOM legt Klassenstruktur und Methoden fest Umsetzung der Schnittstellen in Java oder C++ sollte relativ leicht sein

20 3. Standards DOM Core (2/4)

21 3. Standards DOM Core (3/4) Node ist die Basisklasse für alle Knotentypen Methoden von Node: getNodeType() getChildNodes() getAttributes() ... Definiert Methoden zum Umgang mit Knoten

22 3. Standards DOM Core (4/4) Document stellt das gesamte Dokument dar
Enthält Informationen über das Dokument Enthält Methoden zum Erstellen von Knoten createElement(String tagName) createAttribute(String name) ... Vorgehensweise wichtig da Knoten nur im Kontext des Dokumentes gültig sind

23 3. Standards DOM HTML (1/3) Erweiterung basierend auf der DOM Core Empfehlung Für HTML – Dokumente zugeschnitten Erleichtert Zugriff auf HTML – Dokumente Microsoft und Netscape versprechen seit langem DOM – HTML zu implementieren Beide Implementierungen sind unterschiedlich und unvollständig

24 3. Standards DOM HTML (2/3)

25 3. Standards DOM HTML (3/3) Wichtigsten Elemente sind von DOM Core abgeleitet HTMLDocument enthält zusätzliche Informationen über das HTML – Dokument String title String URL ... Erlaubt direkten Zugriff auf Bilder, Applets, Formulare und andere Elemente

26 4. Verfügbare API´s API´s Xerces Apache Projekt (Java) JDOM (Java)
JDOM (Java) JAXP (Java) java.sun.com ...

27 5. Verwandte Technologien
XML SAX Eventgesteuerte Parser – API für XML Xpath Zugriffssprache auf XML – Dokumente ...

28 DOM – Document Object Model
Fragen ?