Javascript DOM Objektdiagramm
Ich habe nach einem guten DOM-Objektdiagramm gesucht, das von Javascript verwendet werden kann.
Ich weiß, dass eine Suche nach javascript DOM object diagram eine Menge von ihnen gibt, wie diese, die sehr klar erscheint:
Jeder von euch hat einen, der eine vollständigere Beziehung zwischen DOM und Javascript zeigt?
3 Antworten
Gegeben ein sehr kleiner Teil eines DOM-Baumes:
%Vor% Auch wenn Sie nur Eigenschaften (keine Methoden) und nur die Eigenschaften, die auf Node s verweisen (keine Attribute, Stile, keine Text- oder Zahleneigenschaften), ausschließen HTML-spezifische APIs (wie die in Ihrem Diagramm) und einige Eigenschaften weglassen, erhalten Sie immer noch ein kompliziertes Diagramm (entschuldigen Sie meine schlechten graphviz Fähigkeiten):
(hier sind Boxen Objekte, die nach ihrem am weitesten abgeleiteten DOM-Schnittstellennamen benannt sind, Kanten sind nach Eigenschaften gekennzeichnet).
Es könnte interessant sein, mehrere "Spickzettel" für verschiedene Kategorien von DOM-APIs zu erstellen, aber Sie könnten mehr darüber erfahren, warum und in welchen Situationen das Diagramm, von dem Sie sprechen, nützlich wäre.
Ich selbst finde die developer.mozilla.org DOM-Referenz , die relevanten Spezifikationen und Ссылка für jQuery genug.
P.S. die Quelle für das Grafikdiagramm, falls jemand es benötigt:
%Vor%In nativem JavaScript sind Sie auf die XML-DOM-Eigenschaften beschränkt:
- parentNode
- nextSibling
- previousSibling
- firstChild
- lastChild
- Knotenname
- nodeValue
- childNodes
- Attribute
Da die Eigenschaften gering und begrenzt sind, ist ein Diagramm nicht wirklich notwendig. Wenn Sie einen hohen Grad an Spezifität und Kontrolle beim Zugriff auf relative Knoten benötigen, sollten Sie sich XPath anschauen.
Wenn Sie mehr über die vom DOM bereitgestellten Schnittstellen erfahren möchten, lesen Sie die DOM-Spezifikation
Eine kurze Übersicht ist, dass document eine Instanz von % ist. co_de% und Sie gehen im Grunde von dort.
Tags und Links javascript dom diagram