5 Stimmen

Was ist die eigentliche Idee hinter dem Konzept des Document Object Model (DOM)?

Ich bin Anfänger in HTML und HTML5.
Als ich mir die folgenden Zeilen durchlas リンク habe ich die Begriffe gefunden DOM y DOM-API . Ich habe mir die Wikipedia durchgelesen, war aber nicht in der Lage, die ganze Idee dahinter zu verdauen.

Kann mir das jemand erklären?

  • die eigentliche Idee hinter dem Konzept des Document Object Model (DOM)?
  • Wie hängt es mit HTML5 zusammen?

Danke,
Sen

5voto

Yuval Adam Punkte 155168

En Wikipedia :

T plattformübergreifende und sprachunabhängige Konvention zur Darstellung und Interaktion mit Objekten in HTML-, XHTML- und XML Dokumenten

Einfach ausgedrückt, geht es darum, wie Browser (und andere Clients) Webdokumente darstellen. Das DOM ist nicht spezifisch für HTML5. Es war von Anfang an dabei.

DOM API bedeutet im Wesentlichen, wie Sie als Programmierer mit dem DOM interagieren können. Einige Beispiele sind das Hinzufügen von Elementen zum DOM, das Ändern ihrer Stile und andere gängige Operationen, die Sie mit einem Webdokument durchführen würden.

Im Kontext der HTML5 gibt es mehrere Ergänzungen zum DOM, die es in früheren Versionen der HTML-Spezifikation noch nicht gab, wie z. B. <video> y <audio> Elemente.

3voto

Skilldrick Punkte 66961
  • Das DOM ist die interne Darstellung des HTML-Dokuments durch den Browser.
  • Die DOM-API ist die Art und Weise, wie das DOM mit JavaScript in einem Browser programmiert wird.
  • HTML5 ist nur eine neue Variante von HTML. Es verwendet das DOM auf genau dieselbe Weise.

Was Mark Pilgrim damit sagen will, ist, dass es bestimmte Dinge gibt, die man mit HTML5-DOM-Elementen über die DOM-API tun kann, z. B. das Abspielen einer Videodatei starten. Wenn Sie also eine <video> DOM-Objekts in JavaScript, können Sie dessen .play() Methode von JavaScript. Dies ist ein Beispiel für die DOM-API.

0voto

Nathan MacInnes Punkte 10845

Das Document Object Model ist die interne Darstellung von HTML durch den Browser. Es basiert auf der Idee der "Kinder". Also ein <p> Tag kann mehrere Textknoten und mehrere <span> Tags, etwa so:

<p><span>Hello,</span> this is some text. <span>It</span> is just a short paragraph</p>

Este <p> tag hat 4 Kinder: zwei <span> s, und zwei Textknoten ( this is some text y is just a short paragraph ). Die anderen Textabschnitte sind Kinder ihrer jeweiligen <span> Tags.

Der Browser speichert diese Informationen (anstatt nur einen riesigen Strom von HTML zu speichern, der sehr schwer zu verarbeiten ist) in seinem internen Speicher. Dies erleichtert die Formatierung mit Hilfe von Cascading Style Sheets (CSS) und die Änderung mit Hilfe von JavaScript (Erstellen und Löschen von Teilen, Verschieben von Teilen von einem Elternteil zum anderen usw.).

Alle Versionen von HTML (mit Ausnahme vielleicht sehr früher Versionen) verwenden das DOM. Jede Version hat Regeln, z. B. welche Tags gültig sind und welche Elemente Kinder sein können. Diese Regeln werden bei der Verarbeitung von HTML und der Erstellung einer DOM-Darstellung umgesetzt.

0voto

vicked Punkte 1

Dom ist die html-Darstellung der programmierten Objekte, jede Webseite ist eine Sammlung von DOM-Objekten

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X