Propiedad previousSibling del Elemento DOM HTML

Definición y uso

previousSibling La propiedad devuelve el nodo anterior en el mismo nivel del árbol como objeto Node.

previousSibling La propiedad es de solo lectura.

Comentario:Si no hay nodo previousSibling, el valor devuelto es null.

Atención

previousSibling Devuelve el nodo hermano anterior: nodo de elemento, nodo de texto o nodo de comentario.

Los espacios en blanco entre elementos también son nodos de texto.

Solución alternativa:

propiedad previousElementSibling - Devuelve el elemento hermano anterior (ignora nodos de texto y comentarios).

Véase también:

Atributo nextSibling

Atributo firstChild

Atributo lastChild

Atributo childNodes

Atributo hasChildNodes()

Nodo HTML y elemento

En HTML DOMen el (o sin) nodo hijo. La documento HTML es una colección de nodos (o sin)

NodoSe refiere a nodos de elemento, nodos de texto y comentarios.

ElementoLos espacios entre ellos también son nodos de texto.

Mientras que el elemento es solo un nodo de elemento.

Hermano y hermano de elemento

HermanoSon "hermano" y "hermana".

HermanoSon nodos que tienen el mismo padre nodo (en el mismo childNodes de la lista）.

Elemento hermanoSon elementos que tienen el mismo padre elemento (en el mismo children de la lista）.

Nodo hijo y elemento hijo

childNodes DevuelveNodo hijo（Nodo de elemento, nodo de texto y nodo de comentario）.

children DevuelveElemento hijo（No devuelve nodos de texto y comentarios）.

nextSibling y nextElementSibling

nextSibling Devuelve el siguienteNodo（Nodo de elemento, nodo de texto o nodo de comentario）. Los espacios entre elementos también son nodos de texto.

nextElementSibling Devuelve el siguienteElemento（No devuelve nodos de texto y comentarios）.

previousSibling y previousElementSibling

previousSibling Devuelve el anteriorNodo（Nodo de elemento, nodo de texto o nodo de comentario）. Los espacios entre elementos también son nodos de texto.

previousElementSibling Devuelve el anteriorElemento（No devuelve nodos de texto y comentarios）.

Ejemplo

Devuelve el contenido HTML del hermano anterior del elemento de lista:

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

Prueba personalmente

Sintaxis

elemento.previousSibling

o

nodo.previousSibling

Valor de retorno

Tipo Descripción
Nodo El hermano anterior del nodo.
null Si no existe un hermano anterior.

Compatibilidad del navegador

element.previousSibling Es una característica de DOM Level 1 (1998).

Todos los navegadores lo admiten completamente:

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