Proprietà previousSibling dell'Elemento DOM HTML

Definizione e uso

previousSibling L'attributo restituisce il nodo precedente dello stesso livello dell'albero come oggetto Node.

previousSibling L'attributo è di sola lettura.

Nota:Se non esiste il nodo previousSibling, il valore restituito è null.

Attenzione

previousSibling Restituisce il nodo gemello precedente: nodo elemento, nodo testo o nodo commento.

Gli spazi bianchi tra gli elementi sono anche nodi di testo.

Soluzione alternativa:

proprietà previousElementSibling - Restituisce il fratello precedente dell'elemento (ignora i nodi di testo e i commenti).

Vedi anche:

Proprietà nextSibling

Proprietà firstChild

Proprietà lastChild

Proprietà childNodes

Proprietà hasChildNodes()

Nodo HTML ed elemento

In HTML DOMNel (Document Object Model), il documento HTML è una raccolta di nodi che hanno (o non hanno) nodi figli.

NodoSi riferisce ai nodi elemento, nodo testo e nodo commento.

ElementoGli spazi tra di loro sono anche nodi di testo.

Mentre l'elemento è solo un nodo elemento.

Fratello e fratello di elemento

FratelloSono 'fratelli' e 'sorelle'.

FratelloSono nodi che hanno lo stesso nodo padre (nel medesimo childNodes elenco）.

Elemento fratelloSono elementi che hanno lo stesso elemento padre (nel medesimo children elenco）.

Nodi figli e elementi figli

childNodes RestituisceNodo figlio（Nodo elemento, nodo testo e nodo commento）.

children RestituisceElemento figlio（Non nodi di testo e commenti）.

nextSibling e nextElementSibling

nextSibling Restituisce il successivoNodo（Nodo elemento, nodo testo o nodo commento）. Gli spazi tra gli elementi sono anche nodi di testo.

nextElementSibling Restituisce il successivoElemento（Non restituisce nodi di testo e commenti）.

previousSibling e previousElementSibling

previousSibling Restituisce il precedenteNodo（Nodo elemento, nodo testo o nodo commento）. Gli spazi tra gli elementi sono anche nodi di testo.

previousElementSibling Restituisce il precedenteElemento（Non restituisce nodi di testo e commenti）.

Esempio

Restituisce il contenuto HTML del fratello superiore dell'elemento elencato:

document.getElementById("item2").previousSibling.innerHTML;

Prova tu stesso

Sintassi

element.previousSibling

o

node.previousSibling

Valore di ritorno

Tipo Descrizione
Nodo Il nodo fratello precedente del nodo.
null Se non esiste un fratello precedente.

Supporto del browser

element.previousSibling È una caratteristica del DOM Level 1 (1998).

Tutti i browser lo supportano completamente:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Supporto 9-11 Supporto Supporto Supporto Supporto