aboutsummaryrefslogtreecommitdiff
path: root/files/de/dom
diff options
context:
space:
mode:
Diffstat (limited to 'files/de/dom')
-rw-r--r--files/de/dom/index.html65
-rw-r--r--files/de/dom/ueber_das_document_object_model/index.html22
2 files changed, 87 insertions, 0 deletions
diff --git a/files/de/dom/index.html b/files/de/dom/index.html
new file mode 100644
index 0000000000..cdaeb8ca8a
--- /dev/null
+++ b/files/de/dom/index.html
@@ -0,0 +1,65 @@
+---
+title: DOM
+slug: DOM
+tags:
+ - DOM
+translation_of: Web/API/Document_Object_Model
+---
+<div class="callout-box"><strong><a href="/de/docs/Verwendung_des_W3C_DOM_Level_1" title="Verwendung des W3C DOM Level 1">Verwendung des W3C DOM Level 1</a></strong><br>
+Einführung in das W3C DOM.</div>
+
+<p>Das <strong>Document Object Model</strong> (<strong>DOM</strong>) ist eine Programmierschnittstelle für <a href="/de/docs/HTML" title="HTML">HTML</a>- und <a href="/de/docs/XML" title="XML">XML</a>-Dokumente. Sie bildet die strukturelle Abbildung des Dokuments und ermöglicht Skripten die Veränderung des Inhalts und dessen Präsentation.</p>
+
+<table class="topicpage-table">
+ <tbody>
+ <tr>
+ <td>
+ <h2 class="Documentation" id="Dokumentation">Dokumentation</h2>
+
+ <dl>
+ <dt><a href="/de/docs/Gecko-DOM-Referenz" title="Gecko-DOM-Referenz">Gecko DOM Referenz</a></dt>
+ <dd>Die Gecko <em>Document Object Model</em> Referenz.</dd>
+ <dt><a href="/de/docs/DOM/Ueber_das_Document_Object_Model" title="Über_das_Document_Object_Model">Über das Document Object Model</a></dt>
+ <dd>Eine kleine Einführung ins DOM.</dd>
+ <dt><a href="/de/docs/Das_DOM_und_JavaScript" title="Das_DOM_und_JavaScript">Das DOM und JavaScript</a></dt>
+ <dd>Was ist das DOM? Was ist JavaScript? Wie kann ich diese Techniken zusammen benutzen? Dieses Dokument beantwortet diese und weitere Fragen.</dd>
+ <dt><a href="/de/docs/DOM/Verwendung_von_dynamischen_Styles">Verwendung von dynamischen Styles</a></dt>
+ <dd>Wie man Style-Informationen mittels DOM erhalten und verändern kann.</dd>
+ <dt><a href="/de/docs/Das_XUL-Interface_dynamisch_verändern" title="Das_XUL-Interface_dynamisch_verändern">Das XUL-Interface dynamisch verändern</a></dt>
+ <dd>Die Grundlagen zum Manipulieren des XUL-UI mit DOM Methoden.</dd>
+ <dt><a href="/de/docs/Größe_von_Elementen_bestimmen" title="Größe_von_Elementen_bestimmen">Größe von Elementen bestimmen</a></dt>
+ <dd><small>Dieser Artikel beschreibt, wie man den richtigen Größen von Elementen finden kann.</small></dd>
+ <dt><a class="external" href="http://www.mozilla.org/docs/dom/">Das Document Object Model in Mozilla</a> (engl.)</dt>
+ <dd>Eine ältere Dokumentation über das DOM, auf mozilla.org.</dd>
+ </dl>
+
+ <p><span class="alllinks"><a href="/de/docs/tag/DOM" title="de/docs/tag/DOM">Alle zeigen...</a></span></p>
+ </td>
+ <td>
+ <h2 class="Community" id="Community">Community</h2>
+
+ <ul>
+ <li>Mozillas DOM Foren:{{ DiscussionList("dev-tech-dom", "mozilla.dev.tech.dom") }}</li>
+ </ul>
+
+ <h2 class="Tools" id="Tools" name="Tools">Tools</h2>
+
+ <ul>
+ <li><a class="external" href="http://www.getfirebug.com/">Firebug </a></li>
+ <li><a href="/de/docs/DOM_Inspector" title="DOM_Inspector">DOM Inspector</a></li>
+ <li><a class="external" href="http://slayeroffice.com/tools/modi/v2.0/modi_help.html">Mouse-over DOM Inspector</a></li>
+ <li><a class="external" href="http://www.karmatics.com/aardvark/">Aardvark Firefox extension</a></li>
+ <li><a href="/de/docs/tag/DOM:Tools" title="de/docs/tag/DOM:Tools">weitere...</a></li>
+ </ul>
+
+ <h2 class="Related_Topics" id="Verwandte_Themen" name="Verwandte_Themen">Verwandte Themen</h2>
+
+ <ul>
+ <li><a href="/de/docs/AJAX" title="AJAX">AJAX</a>, <a href="/de/docs/CSS" title="CSS">CSS</a>, <a href="/de/docs/DHTML" title="DHTML">DHTML</a>, <a href="/de/docs/JavaScript" title="JavaScript">JavaScript</a></li>
+ </ul>
+ </td>
+ </tr>
+ </tbody>
+</table>
+
+<p> </p>
diff --git a/files/de/dom/ueber_das_document_object_model/index.html b/files/de/dom/ueber_das_document_object_model/index.html
new file mode 100644
index 0000000000..8f3a9b0bb8
--- /dev/null
+++ b/files/de/dom/ueber_das_document_object_model/index.html
@@ -0,0 +1,22 @@
+---
+title: Über das Document Object Model
+slug: DOM/Ueber_das_Document_Object_Model
+tags:
+ - DOM
+translation_of: Web/API/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>