Um das Konzept des DOM-Elements herauszufinden, ist es wichtig, das Konzept von Dynamic HTML und DOM zu verstehen. Alles beginnt mit der Zeit, in der die Anforderungen aller Aktionäre von Webseiten verbessert werden. Sie wollten die Webseiten, die interaktiver, dynamischer und lebendiger sein können. Um dieses Ziel zu erreichen, benötigten Entwickler außerdem die Werkzeuge und Mechanismen, mit denen die Darstellung und der Inhalt jedes Abschnitts der Webseite verändert oder manipuliert werden können. Daher wird das Konzept von Dynamic HTML erstellt. Um sie zu verstehen, ist eine große Definition für Dynamic HTML zugänglich in Wikipedia:
Dynamic HTML oder DHTML, ist ein Oberbegriff für eine Sammlung von Technologien zusammen, um interaktive und animierte Websites durch eine Kombination mit einer statischen Auszeichnungssprache (wie HTML), einer clientseitigen Skriptsprache (wie JavaScript), einer Darstellungssprache (wie CSS) einer Präsentation und dem Dokumentobjektmodell (DOM).
So schreibt Standard DHTML Web-Seiten sind in drei Bereichen standardisiert, einschließlich clientseitige Skriptsprache (wie JavaScript), eine Präsentation Definitionssprache (wie CSS) und eine einheitliche Programmierschnittstelle (API) für den Zugriff auf und Ändern Sie die Webseite (Document Object Model). Diese Aktivität wird von W3C und anderen ausgeführt. Um das Problem des Cross-Browsers zu lösen, versuchte W3C, einen allgemeinen Konsens (mit verschiedenen Browsern) über Skripte zu erreichen, um HTML- und XML-Dokumente über das Document Object Model (DOM) als Standard-Anwendungsprogrammierschnittstelle (API) zu bearbeiten.
Aber die Hauptfrage ist, wie sie die Struktur des Document Object Model entworfen haben, um ihre Bedürfnisse zu erfüllen. Ihre Lösung war einfach, aber wunderbar. Sie verwendeten eine hierarchische Struktur wie Baum, wobei an der Wurzel des Baumes das Dokumentenobjekt zu finden ist, auch jeder Knoten entspricht einem HTML-Element (DOM-Element). Diese Abstraktion Ihrer Webseite bietet Ihnen eine großartige Möglichkeit, auf HTML-Elemente, Stylesheets und ... zuzugreifen.Um es besser zu verstehen, können Sie jeden Einzug Ihres HTML-Codes jeder Ebene des DOM-Baums zuordnen. Beachten Sie dieses Beispiel:
Ihre HTML:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>...</p>
<ul>
<li>...</li>
</ul>
<table>
<tr>...</tr>
</table>
</body>
</html>
DOM-Struktur:
document
| .
<html> .
/ \ .
<head> <body> styleSheets
/\ \
<p> <ul> <table>
/ \ \
text <li> <tr>
Also, jeder Knoten dieser hierarchischen Struktur (DOM-Baum) zu einem DOM-Element bezieht. To learn more use tis reference
Ich denke, das wird einige zusätzliche Informationen geben http://www.w3.org/TR/DOM-Level-2-Core/introduction.html – shanish