HTML DOM previousSibling-Eigenschaft

HTML DOM Element-Objekt

previousSiblingSchreibgeschützte Eigenschaft gibt auf derselben Baumebene den vorherigen Knoten des angegebenen Knotens zurück.

Falls es keine vorherigen gleichrangigen Knoten gibt, gibt diese Eigenschaft zurücknull.

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

Um das Problem zu vermeiden, dass previousSibling #text- oder #comment-Knoten zurückgibt, kannpreviousElementSiblingEs wird nur der elementare Knoten zurückgegeben.

VerwendennextSiblingDiese Eigenschaft gibt den nächsten Knoten auf derselben Baumebene des angegebenen Knotens zurück.

VerwendenchildNodesDiese Eigenschaft kann alle Kindknoten eines bestimmten Knotens zurückgeben.

Syntax:

node.previousSibling

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

Wenn jedoch zwischen den DIVs der Leerzeichen entfernt werden, ist der Rückgabewert 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-2).previousSibling.innerHTML;
document.getElementById("result").innerHTML = x;
</script>

Browserkompatibilität

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

Technische Details

Verwandte 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.nextSibling-Eigenschaft

HTML DOM Referenz:node.nodeName-Eigenschaft

HTML DOM Element-Objekt