Beispiel
Holen Sie sich den HTML-Inhalt des nächsten Geschwister eines Listenelementes:
var x =
document.getElementById("item1").nextSibling.innerHTML;
Das Ergebnis von x wird sein:
Tea (second li)
Versuch es selber " Definition und Verwendung
Die nextSibling Eigenschaft gibt den Knoten unmittelbar nach dem angegebenen Knoten, in der gleichen Baumebene.
Der zurückgegebene Knoten wird als Knoten-Objekt zurückgegeben.
Der Unterschied zwischen dieser Eigenschaft und nextElementSibling , ist , dass die nächste nextSibling Geschwisterknoten als Element Knoten zurückgibt, einen Textknoten oder einen Kommentarknoten, während nextElementSibling den nächsten Geschwisterknoten als Element Knoten zurückgibt (ignores text and comment nodes) .
Diese Eigenschaft ist schreibgeschützt.
Tipp: Verwenden Sie die previousSibling Eigenschaft den vorherigen Knoten des angegebenen Knotens, im gleichen Baum Ebene zurückzukehren.
Tipp: Verwenden Sie die childnodes - Eigenschaft jedes Kind - Knoten eines bestimmten Knotens zurückzukehren.
Browser-Unterstützung
Eigentum | |||||
---|---|---|---|---|---|
nextSibling | Ja | Ja | Ja | Ja | Ja |
Syntax
node .nextSibling
Technische Details
Rückgabewert: | Ein Knotenobjekt, das nächste Geschwister des Knotens darstellt, oder null , wenn es kein nächstes Geschwister ist |
---|---|
DOM Version | Core Level 1 Knoten Object |
Verwandte Seiten
HTML - DOM - Referenz: Knoten. Eigenschaft Childnodes
HTML - DOM - Referenz: Knoten. first Immobilien
HTML - DOM - Referenz: Knoten. lastchild Immobilien
HTML - DOM - Referenz: Knoten. parentNode Immobilien
HTML - DOM - Referenz: Knoten. previousSibling Immobilien
HTML - DOM - Referenz: Knoten. nodeName Immobilien