Arbeiten mit Knoten Beziehungen zu Code mit javascript
HTML-DOM Bäume ähneln Stammbäume in der hierarchischen Beziehung zwischen den Knoten. In der Tat, die verwendeten Fachbegriffe von javascript-Programmierer beschreiben Beziehungen zwischen Knoten in einem Baum ihre Namen aus familiären Beziehungen nehmen.
Jeder Knoten, außer dem Wurzelknoten hat man Elternteil.
Jeder Knoten kann eine beliebige Anzahl von Kinder.
Knoten mit dem gleichen Elternteil Geschwister.
Da HTML-Dokumente oft mehrere Elemente aufweisen, die vom gleichen Typ sind, erlaubt die DOM man verschiedene Elemente in einer Knotenliste für den Zugriff auf eine Indexnummer. Zum Beispiel können Sie in den ersten verweisen
Element in einem Dokument als p [0], und die zweite
Elementknoten als p [1].
Obwohl eine Knotenliste wie ein Array aussehen kann, ist es nicht. Sie können eine Schleife durch den Inhalt einer Knotenliste, aber Sie können nicht Array Methoden auf Knotenlisten verwenden.
In diesem Code die drei
Elemente sind alle Kinder des Elements. Weil sie die gleichen Eltern haben, sind sie Geschwister.
Die HTML-Familie nextSibling: Verweist auf den nächsten Knoten mit dem gleichen übergeordneten Knoten
previousSibling: Verweist auf den vorherigen Knoten mit dem gleichen übergeordneten Knoten
Dieses Beispiel zeigt, wie Sie diese relativen Eigenschaften verwenden können, das DOM zu durchqueren.
Leguane sind kein Spaß Leguane sind kein Spaß zusammen zu sein. Verwenden Sie die obigen Links um mehr zu erfahren.
Man beachte, daß alle der Abstand zwischen den Elementen innerhalb des Elements, um die entfernt werden müssen, erstes Kind und letztes Kind Eigenschaften, die richtigen Elemente zuzugreifen, die Sie auswählen und Stil wollen.
Dies ist, was das Dokument aussieht, wenn in einem Browser angesehen. Beachten Sie, dass nur die ersten und letzten Links in der Navigations fett sind.
Vorschau der Code in einem Browser.Dies ist ein Beispiel für die Verwendung von DOM eine Änderung an bestehenden Elementen innerhalb des Dokuments zu machen. Dieses Verfahren des Auswählens Elemente fast nie verwendet. Es ist zu fehleranfällig und zu schwierig zu interpretieren und zu verwenden.