HTML DOM nextSibling Eigenschaft

HTML DOM Element-Objekt

nextSiblingEigenschaft gibt den nächsten Bruderknoten des Elementknotens zurück, der direkt darauf folgt (einschließlich Textknoten, Kommentar-Knoten, also Zeilenumbrüche, Leerzeichen, Text usw.).

Wenn es keinen nächsten Gleichknoten gibt, gibt diese Eigenschaftnull.

Leerzeichen werden als Text betrachtet, Text wird als Knoten betrachtet. Kommentare werden ebenfalls als Knoten betrachtet.

Um das Problem zu vermeiden, dass nextSibling #text- oder #comment-Knoten zurückgibt, kannnextElementSiblingNur Element Nodes werden zurückgegeben.

MitpreviousSiblingEigenschaft kann der vorherige Knoten im gleichen Baumlevel des angegebenen Knotens zurückgegeben werden.

MitchildNodesDiese Eigenschaft kann alle Unter Nodes eines bestimmten Knotens zurückgeben.

Syntax:

node.nextSibling

<div　id="div-1">Hier ist div"}-1</div>
<div　id="div-2">Hier ist div"}-2</div>
<script>
var x = document.querySelector("#div-1).nextSibling.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Wenn jedoch die Leerzeichen zwischen den DIV entfernt werden, ist der zurückgegebene Wert nicht #text:

<div　id="div-1">Hier ist div"}-1</div><div　id="div-2">Hier ist div"}-2</div>
<script>
var x = document.querySelector("#div-1).nextSibling.innerHTML;
document.getElementById("result").innerHTML = x;
</script>

Browserkompatibilität

nextSibling-Eigenschaft wird von allen Browsern vollständig unterstützt:

Technische Details

Zusammenhängende Referenzen

HTML DOM-Referenz:node .childNodes-Eigenschaft

HTML DOM-Referenz:node .firstChild-Eigenschaft

HTML DOM-Referenz:node .lastChild-Eigenschaft

HTML DOM-Referenz:node .parentNode-Eigenschaft

HTML DOM-Referenz:node .previousSibling-Eigenschaft

HTML DOM-Referenz:node .nodeName-Eigenschaft

HTML DOM Element-Objekt