Im „HTML DOM Chinese Reference Manual“ definiert HTML DOM die Standardmethode für den Zugriff auf und die Bearbeitung von HTML-Dokumenten. DOM stellt HTML-Dokumente in einer Baumstruktur dar.
HTML DOM ist die Abkürzung für HTML Document Object Model, und HTML DOM ist ein Dokumentobjektmodell, das speziell für HTML/XHTML geeignet ist. Personen, die mit Softwareentwicklung vertraut sind, können HTML DOM als die API einer Webseite verstehen. Es behandelt jedes Element auf der Webseite als Objekt, sodass die Elemente auf der Webseite auch per Computersprache abgerufen oder bearbeitet werden können. Beispielsweise kann Javascript HTML-DOM verwenden, um Webseiten dynamisch zu ändern.
DOM ist die Abkürzung für Document Object Model. Gemäß der W3C-DOM-Spezifikation ist DOM eine browser-, plattform- und sprachunabhängige Schnittstelle, die Ihnen den Zugriff auf andere Standardkomponenten auf der Seite ermöglicht. Einfach ausgedrückt löst DOM den Konflikt zwischen Netscapes JavaScript und Microsofts JavaScript und bietet Webdesignern und Entwicklern eine Standardmethode für den Zugriff auf Daten, Skripts und Objekte der Präsentationsebene auf ihren Websites.
DOM ist eine Sammlung von Knoten oder Informationsteilen, die in einer hierarchischen Struktur organisiert sind. Diese Hierarchie ermöglicht es Entwicklern, durch die Baumstruktur zu navigieren und nach bestimmten Informationen zu suchen. Die Analyse dieser Struktur erfordert normalerweise das Laden des gesamten Dokuments und den Aufbau der Hierarchie, bevor Arbeiten ausgeführt werden können. Da das DOM auf einer Informationshierarchie basiert, wird es als baumbasiert oder objektbasiert betrachtet.
HTML DOM definiert Standardmethoden für den Zugriff auf und die Bearbeitung von HTML-Dokumenten.
HTML DOM präsentiert HTML-Dokumente als Baumstruktur (Knotenbaum) mit Elementen, Attributen und Text.
KnoteninformationenIm HTML-DOM ist alles ein Knoten. DOM ist HTML, das als Knotenbaum betrachtet wird. Jeder Knoten verfügt über Attribute, die einige Informationen über den Knoten enthalten. Diese Eigenschaften sind: nodeName (Knotenname) nodeValue (Knotenwert) nodeType (Knotentyp) Gemäß dem HTML-DOM-Standard des W3C, HTML Alles im Dokument ist ein Knoten:Tipp: Bevor Sie weiterhin HTML DOM lernen, müssen Sie einige Kenntnisse über HTML, CSS, <🎜 haben >JavaScripEin grundlegendes Verständnis des Inhalts haben.
- Das gesamte Dokument ist ein Dokumentknoten
- Jedes HTML-Element ist ein Elementknoten
- HTML Der Text innerhalb des Elements ist ein Textknoten
- Jedes HTML-Attribut ist ein Attributknoten
- Annotation ist ein Kommentarknoten
HTML-DOM-Methoden Methoden sind Aktionen, die wir an Knoten (HTML-Elementen) ausführen können.Tipp: Unser HTML Das DOM-Tutorial hilft Ihnen, HTML DOM Schritt für Schritt zu erlernen. Wenn Sie Fragen haben, besuchen Sie bitte die PHP-Chinese-Website HTML DOM Community, um Ihre Fragen zu stellen, und begeisterte Internetnutzer werden sie für Sie beantworten.
- Programmierschnittstelle
Alle HTML-Elemente sind als Objekte definiert und die Programmierschnittstellen sind Objektmethoden und Objekteigenschaften.
Methoden sind Aktionen, die Sie ausführen können (z. B. das Hinzufügen oder Ändern von Elementen).
Eigenschaften sind Werte, die Sie abrufen oder festlegen können (z. B. der Name oder Inhalt eines Knotens).
HTML-DOM-Objekt – Methoden und Eigenschaften
Einige häufig verwendete HTML-DOM-Methoden:
getElementById(id) – Ruft das Element mit der angegebenen ID ab Knoten (Element)
appendChild(node) – Neuen untergeordneten Knoten (Element) einfügen
removeChild(node) – Untergeordneten Knoten entfernen (Element )
Einige häufig verwendete HTML-Codes DOM-Attribute:
innerHTML – der Textwert des Knotens (Elements)
parentNode – der übergeordnete Knoten des Knotens (Elements)
childNodes - Untergeordnete Knoten des Knotens (Elements)
Attribute – Attributknoten des Knotens (Elements)
Was dieses HTML-DOM-Tutorial-Handbuch behandelt
Dieses HTML-DOM-Tutorial-Handbuch deckt alles HTML ab Grundkenntnisse über DOM, einschließlich DOM-Knoten, DOM-Methoden, DOM-Attribute, DOM-Zugriff, DOM-Elemente, DOM-Ereignisse usw.
Tipps: Jedes Kapitel dieses Tutorials enthält viele HTML-DOM-Beispiele. Sie können direkt auf die Schaltfläche „Beispiel ausführen“ klicken, um die Ergebnisse online anzuzeigen. Diese Beispiele helfen Ihnen, das HTML-DOM besser zu verstehen und zu erlernen.
Anderes HTML DOM-bezogene Lernreferenzressourcen
Zusätzlich zur Wissenserweiterung auf der rechten Seite dieser Seite werden auch die folgenden Ressourcen für alle ausgewählt
Neuestes Kapitel
- HTML DOM 对象 2016-10-20
- HTML DOM 实例 2016-10-18
- HTML DOM总结 2016-10-18
- HTML DOM 导航 2016-10-18
- HTML DOM - 事件 2016-10-18
- HTML DOM - 元素 2016-10-18
- HTML DOM - 修改 HTML 内容 2016-10-18
- HTML DOM - 修改 2016-10-18
Ähnliche Kurse
- Kurze Einführung in die Web-Frontend-Entwicklung 2021-12-10
- Der Frontend-Kurs, der Sie am besten versteht: HTML5/CSS3/ES6/NPM/Vue/...[Original] 2022-09-30
- Gulp Erste Schritte-Video-Tutorial 2022-04-18
- Brothers in Arms Gao Luofeng CSS3-Video-Tutorial 2022-04-20
- Grundlegendes Beispiel-Video-Tutorial für die AngularJS-Entwicklungswebanwendung 2022-04-18
- Ajax-Vollkontakt 2022-04-13
- Grundlegendes Video-Tutorial zum MUI-Framework 2022-04-13
- Online-Schulung, Probestunde 2019-01-10