Node: nextSibling-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die schreibgeschützte nextSibling-Eigenschaft des Node-Interfaces
gibt den Knoten zurück, der in der childNodes-Liste des übergeordneten Elements unmittelbar
nach dem angegebenen folgt, oder gibt null zurück, wenn der angegebene Knoten das letzte Kind im übergeordneten Element ist.
Hinweis:
Browser fügen Text-Knoten in ein Dokument ein, um Leerzeichen im Quellcode darzustellen.
Daher kann ein Knoten, der beispielsweise mit Node.firstChild
oder Node.previousSibling erhalten wird,
auf einen Leerzeichen-Textknoten verweisen, anstatt auf das eigentliche Element, das der Autor
erhalten wollte.
Der Abschnitt Umgang mit Leerzeichen im DOM enthält weitere Informationen über dieses Verhalten.
Sie können Element.nextElementSibling verwenden, um das nächste Element zu erhalten,
das Leerraumknoten, anderen zwischen Elementen stehenden Text oder Kommentare überspringt.
Um die entgegengesetzte Richtung durch die Liste der Kindknoten zu navigieren, verwenden Sie Node.previousSibling.
Wert
Ein Node, der das nächste Geschwister des aktuellen Knotens darstellt,
oder null, wenn es keine gibt.
Beispiel
<div id="div-1">Here is div-1</div>
<div id="div-2">Here is div-2</div>
<br />
<output><em>Not calculated.</em></output>
let el = document.getElementById("div-1").nextSibling;
let i = 1;
let result = "Siblings of div-1:\n";
while (el) {
result += `${i}. ${el.nodeName}\n`;
el = el.nextSibling;
i++;
}
const output = document.querySelector("output");
output.innerText = result;
Spezifikationen
| Specification |
|---|
| DOM # ref-for-dom-node-nextsibling① |