Proprietà previousElementSibling

La proprietà previousElementSibling contiene l'elemento precedente, situato nello stesso genitore. Se tale elemento non esiste, viene restituito null.

Sintassi

elemento.previousElementSibling;

Esempio

Dato l'elemento #elem. Visualizziamo il testo del suo fratello precedente:

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

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

console.log(text);

Risultato dell'esecuzione del codice:

'sibling'

Esempio

Se il fratello precedente non esiste o non è situato nel genitore del nostro elemento, viene restituito anche null:

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

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

Risultato dell'esecuzione del codice:

null

Vedi anche

la proprietà nextElementSibling,
che contiene il fratello successivo (elemento successivo)