Beispiel
Holen Sie sich den HTML-Inhalt des nächsten Geschwister eines Listenelementes:
var x =
document.getElementById("item1").nextElementSibling.innerHTML;Das Ergebnis von x wird sein:
Tea (second li) Versuch es selber " Definition und Verwendung
Die nextElementSibling Eigenschaft gibt das Element unmittelbar nach dem angegebenen Elemente in der gleichen Baumebene.
Der Unterschied zwischen dieser Eigenschaft und nextSibling , 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 previousElementSibling Eigenschaft das vorherige Element des angegebenen Elements zurück.
Tipp: Verwenden Sie die Kinder Eigenschaft jedes Kind - Element eines bestimmten Elements zurückzukehren.
Browser-Unterstützung
| Eigentum | |||||
|---|---|---|---|---|---|
| nextElementSibling | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Syntax
node .nextElementSiblingTechnische Details
| Rückgabewert: | Ein Knotenobjekt, das nächste Geschwister eines Elements darstellt, oder null , wenn es kein nächstes Geschwister ist |
|---|---|
| DOM Version | Core Level 3 Element Traversal |