1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
---
title: Über das Document Object Model
slug: DOM/Ueber_das_Document_Object_Model
tags:
- DOM
translation_of: Web/API/Document_Object_Model
translation_of_original: DOM/About_the_Document_Object_Model
---
<h3 id="What_is_the_DOM.3F" name="What_is_the_DOM.3F">Was ist das DOM?</h3>
<p>Das <a href="/en/DOM">Document Object Model</a> ist eine API für <a href="/en/HTML">HTML-</a> und <a href="/en/XML">XML</a>-Dokumente. Es bildet die strukturelle Repräsentation des Dokumentes und ermöglicht dir, dessen Inhalt und visuelle Darstellung zu verändern. Im Wesentlichen verbindet es Webseiten mit Scripts oder Programmiersprachen.</p>
<p>Alle Eigenschaften, Methoden und Events, die dem Webentwickler zum Manipulieren und Erstellen von Webseiten zur Verfügung stehen, sind organisiert in <a href="/en/Gecko_DOM_Reference">Objekten</a> (z. B. dem Document-Objekt, welches das Dokument selbst repräsentiert, dem Table-Objekt, welches HTML table-Elemente repräsentiert, usw.). Auf solche Objekte kann in modernen Webbrowsern mit Scriptsprachen zugegriffen werden.</p>
<p>Das DOM wird meistens in Verbindung mit <a href="/en/JavaScript">JavaScript</a> verwendet. Das bedeutet, dass der Code in JavaScript geschrieben ist und das DOM benutzt, um auf die Webseite und dessen Elemente zuzugreifen. Nichtsdestotrotz wurde das DOM entwickelt, unabhängig von einer bestimmten Programmiersprache zu sein, was die strukturelle Repräsentation des Dokumentes von einer einzelnen, konsistenten API zugänglich macht. Auch wenn der Fokus dieser Seite durchgehend auf JavaScript liegt, sind Realisierungen in <a class="external" href="https://www.w3.org/DOM/Bindings">jeder Sprache</a> möglich.</p>
<p>Das <a class="external" href="https://www.w3.org/">World Wide Web Consortium</a> hat einen <a class="external" href="https://www.w3.org/DOM/">Standard für das DOM</a> eingeführt, namens W3C DOM. Es ermöglicht – da es mittlerweile von den meisten Browsern korrekt umgesetzt wird – mächtige Cross-Browser-Anwendungen.</p>
<h3 id="Why_is_the_DOM_support_in_Mozilla_important.3F" name="Why_is_the_DOM_support_in_Mozilla_important.3F">Warum ist die DOM-Unterstützung in Mozilla wichtig?</h3>
<p>„Dynamic HTML“ (<a href="/en/DHTML">DHTML</a>) ist ein Begriff, der von manchen benutzt wird, um die Kombination aus HTML, Stylesheets und Scripts, die es ermöglichen, Dokumente zu animieren, zu beschreiben. Die W3C DOM Gruppe arbeitet hart daran, sicherzustellen, dass für die Zusammenarbeit geeignete und Sprach-unabhängige Lösungen vereinbart werden (siehe auch <a class="external" href="https://www.w3.org/DOM/faq.html">W3C FAQ</a>). Da Mozilla den Titel „Web Application Platform“ beansprucht, ist die Unterstützung des DOM eines der am häufigsten angefragten Features und zugleich ein notwendiges, wenn Mozilla eine tragfähige Alternative zu den anderen Browsern sein will.</p>
<p>Noch wichtiger ist die Tatsache, dass das User Interface von Mozilla (sowie Firefox und Thunderbird) in XUL aufgebaut ist – einer XML-User Interface-Sprache. Somit benutzt Mozilla den DOM um <a href="/en/Dynamically_modifying_XUL-based_user_interface">das eigene UI zu manipulieren</a>.</p>
|
