---
title: DOM
slug: Web/API/Document_Object_Model
tags:
  - DOM
translation_of: Web/API/Document_Object_Model
translation_of_original: DOM
original_slug: DOM
---
<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>

   </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>