Document Object Model

D ist für die Dokumentenverwaltung

Das Document Object Model kann nicht funktionieren ohne Dokument. Wenn Sie eine Webseite erstellen und laden sie in einem Web-Browser, regt die DOM ins Leben. Er nimmt das Dokument, das Sie geschrieben haben, und wandelt es in ein Objekt. Im normalen Alltag Englisch, das Wort "Objekt" ist nicht sehr beschreibend. Es bedeutet einfach Sache. In Programmiersprachen, auf der anderen Seite hat "Objekt" eine besondere Bedeutung zu.

Objekte der Begierde

Am Ende des letzten Artikel, habe ich Ihnen einige Beispiele von Objekte in JavaScript. Sie werden sich erinnern, dass Objekte getrennt Bündel von Daten sind. Variablen mit einem Objekt verbunden werden als Eigenschaften des Objekts, während die Funktionen, die von einem Objekt ausgeführt werden, nennt man Methoden des Objekts. Es gibt drei Arten von Objekten in JavaScript: Benutzerdefinierte Objekte von Grund auf, die der Programmierer erstellt. Wir werden nicht den Umgang mit diesen. Native Objekte wie Array, Mathematik und Datum, um die JavaScript-gebaut werden. Host-Objekte, die vom Browser zur Verfügung stehen.

Von den ersten Tagen von JavaScript wurden einige sehr wichtige Host-Objekte zur Verfügung gestellt Scripting. Die wichtigste davon ist die Fenster-Objekt. Dieses Objekt ist nichts weniger als eine Darstellung der Browser-Fenster. Die Eigenschaften und Methoden des window-Objekts werden oft als die Browser Object Model bezeichnet, obwohl vielleicht Window Object Model wäre semantisch korrekt. Die Browser-Objektmodell verfügt über Methoden wie window.open und window.blur. Diese Methoden sind übrigens für alle, die lästigen Pop-Up und Pop-under-Fenster verantwortlich, dass jetzt die Pest im Web.

Kein Wunder, JavaScript hat einen schlechten Ruf! Zum Glück werden wir nicht den Umgang mit dem Browser Object Model sehr. Stattdessen werde ich auf, was im Browser-Fenster zu konzentrieren. Das Objekt, das den Inhalt einer Web-Seite verarbeitet werden, ist das Dokument-Objekt. Für den Rest dieses Artikels, wir beschäftigen werden fast ausschließlich mit den Eigenschaften und Methoden des Objekts document. Das erklärt den Buchstaben "D" (Dokument) und den Buchstaben O (Objekt) in DOM. Aber was ist mit den Buchstaben "M"?

Dial M for Modell

Das M in DOM steht für das Modell, aber es könnte genauso gut für die Karte zu stehen. Ein Modell, wie eine Landkarte, ist eine Vorstellung von etwas. Ein Modell der Bahn stellt einen echten Zug. Einen Stadtplan der Stadt stellt die reale Stadt. Das Document Object Model stellt die Web-Seite, die derzeit im Browser-Fenster geladen ist. Der Browser bietet eine Karte (oder Modell) auf der Seite. Sie können JavaScript, um diese Karte zu lesen. Maps nutzen Konventionen wie Richtung, Konturen, und Zunder. Um eine Karte zu lesen, brauchen Sie diese Konventionen zu verstehen, und es ist das gleiche mit dem Document Object Model. Um Informationen aus dem Modell zu gewinnen, musst du verstehen, was Konventionen verwendet werden, um das Dokument zu vertreten. Die wichtigsten Kongress mit dem Document Object Model verwendet wird, die Darstellung eines Dokuments, wie ein Baum.

Genauer gesagt, wird das Dokument als einen Stammbaum vertreten. Ein Stammbaum ist ein weiteres Beispiel für ein Modell. Ein Stammbaum ist eine echte Familie, beschreibt die Beziehungen zwischen den Familienmitgliedern und verwendet Übereinkommen, wie Eltern, Kind, und Geschwister. Diese können verwendet werden, um einige recht komplexe Zusammenhänge darstellen: ein Mitglied einer Familie kann ein Elternteil zu anderen, gleichzeitig wird das Kind von einem anderen Familienmitglied, und der Bruder des noch ein anderes Familienmitglied. Der Stammbaum-Modell funktioniert genauso gut in die ein Dokument im (X) HTML geschrieben. Methoden des Document Object Model zu finden:

 

getElementById

getElementsByTagName

getAttribute

setAttribute

 

Diese vier Methoden sind die Eckpfeiler für viele der DOM-Skripte, die du gehst zu schreiben. Das DOM bietet viel mehr Methoden und Eigenschaften. Es gibt nodeName, nodeValue, childNodes, nextSibling und parentNode, um nur einige zu nennen. Aber ich werde nicht auf die schon jetzt zu erklären, ich werde erklären, jeden einzelnen aus, wie und wann sie gebraucht werden. Ich bin, in denen sie jetzt, nur um deinen Appetit auf mehr bekommen. Sie haben durch viel Theorie in diesem Artikel zu lesen. Ich hoffe, jetzt bist du Juckreiz, die Macht des DOM mit etwas anderem als Alarm-Boxen zu testen. Ich denke, es ist höchste Zeit, dass wir die DOM-Anwendung um eine Fallstudie.

---

Disclaimer:Unsere Website ist nicht verantwortlich für den Inhalt dieses Artikels. Webarticles ist eine kostenlose Informationsquelle.
Wichtig: Dieser Artikel "Document Object Model" wurde durch ein automatisches Software übersetzt. Wir fühlen uns leid für alle Rechtschreibfehler, die möglicherweise aufgetreten sind. Vielen Dank für Ihr Verständnis.

---