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 der Node Schnittstelle
gibt den Knoten zurück, der im Elternelement direkt auf den angegebenen Knoten
in deren childNodes folgt, oder gibt null zurück,
wenn der angegebene Knoten das letzte Kind im Elternelement ist.
Hinweis:
Browser fügen Text-Knoten in ein Dokument ein, um Leerzeichen im Quelltext darzustellen.
Daher kann ein Knoten, der z.B. mit Node.firstChild
oder Node.previousSibling erhalten wird,
einem Leerzeichen-Textknoten entsprechen anstatt dem tatsächlich vom Autor beabsichtigten Element.
Der Abschnitt Arbeiten mit Leerzeichen im DOM enthält weitere Informationen zu diesem Verhalten.
Sie können Element.nextElementSibling verwenden, um das nächste Element
zu erhalten, wobei Leerzeichenknoten, andere zwischen Elementen stehende Texte oder Kommentare übersprungen werden.
Um in der Liste der Kindknoten in die entgegengesetzte Richtung zu navigieren, verwenden Sie Node.previousSibling.
Wert
Ein Node, der das nächste Geschwisterchen des aktuellen Knotens repräsentiert,
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① |
Browser-Kompatibilität
Loading…