Proprietà previousElementSibling del DOM HTML

previousElementSiblingProprietà di sola lettura nella stessa gerarchia dell'albero, restituisce l'elemento precedente dell'elemento specificato.

Se non ci sono elementi precedenti allo stesso livello, questo attributo restituiscenull.

UtilizzonextElementSiblingL'attributo restituisce l'elemento successivo dell'elemento specificato.

UtilizzochildrenL'attributo restituisce qualsiasi elemento figlio dell'elemento specificato.

Sintassi:

element.previousElementSibling

Esempio

var x = document.querySelector("#div-2").previousElementSibling.innerHTML;

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo previousElementSibling:

Proprietà
previousElementSibling	2	3.5	10	4	9

Valore di ritorno:	Un oggetto Node che rappresenta il同级 precedente dell'elemento; se non c'è un同级 precedente, allora ènull
Versione DOM:	Livello DOM 3

Cambia il contenuto HTML del fratello maggiore del secondo DIV:

Esempio

var div = document.querySelector("#div-2")
div.previousElementSibling.innerHTML = "HELLO WORLD";

Cambia il colore di sfondo del precedente同级 dell'elemento DIV secondo:

Esempio

var div = document.querySelector("#div-2")
div.previousElementSibling.style.backgroundColor = "coral";

Manuale di riferimento HTML DOMProprietà children

Manuale di riferimento HTML DOMProprietà nextElementSibling