Eigenschaft previousElementSibling

Die Eigenschaft previousElementSibling enthält das vorherige Element, das sich im selben Elternteil befindet. Wenn es kein solches Element gibt, wird null zurückgegeben.

Syntax

element.previousElementSibling;

Beispiel

Gegeben ist das Element #elem. Lassen Sie uns den Text seines oberen Nachbarn ausgeben:

<p>sibling</p>
<p id="elem">elem</p>

let elem = document.querySelector('#elem');
let text = elem.previousElementSibling.textContent;

console.log(text);

Ergebnis der Codeausführung:

'sibling'

Beispiel

Wenn es keinen oberen Nachbarn gibt oder er sich nicht im Elternteil unseres Elements befindet, wird ebenfalls null zurückgegeben:

<p>sibling</p>
<div>
	<p id="elem">elem</p>
</div>

let elem = document.querySelector('#elem');
console.log(elem.previousElementSibling);

Ergebnis der Codeausführung:

null

Siehe auch

die Eigenschaft nextElementSibling,
die den unteren Nachbarn (nächstes Element) enthält