Propiedad previousElementSibling del elemento DOM HTML

Definición y uso

previousElementSibling La propiedad devuelve el elemento anterior en el mismo nivel del árbol.

previousElementSibling La propiedad es de solo lectura.

Por favor, consulte:

propiedad nextElementSibling

propiedad children

Atributo firstElemenChild

Atributo lastElemenChild

Atributo childElementCount

Nodos HTML y elementos

En HTML DOM(Modelo de Objetos de Documento) donde el documento HTML es una colección de nodos (o sin ellos) que tienen (o no tienen) nodos hijos.

NodoSe refiere a nodos de elemento, texto y comentario.

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

Y el elemento es solo un nodo de elemento.

Hermano y hermano de elemento

HermanoSon 'hermano' y 'hermana'.

HermanoEs el nodo que tiene el mismo padre nodo (en el mismo childNodes de la lista).

Elemento hermanoEs el elemento que tiene el mismo padre elemento (en el mismo children de la lista).

Nodos hijo y elementos hijo

childNodes DevuelveNodo hijo(nodos de elemento, texto y comentario).

children DevuelveHijo(no nodos de texto y comentarios).

nextSibling y nextElementSibling

nextSibling Devuelve el siguienteNodo(nodos de elemento, texto o comentario). Los espacios en blanco 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(nodos de elemento, texto o comentario). Los espacios en blanco 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:

let text = element.previousElementSibling.innerHTML;

Intente hacerlo usted mismo

Sintaxis

element.previousElementSibling

Valor devuelto

Tipo Descripción
Elemento Elemento hermano anterior
null si no existe el hermano anterior.

Compatibilidad del navegador

element.previousElementSibling es una característica del DOM Level 3 (2004).

Todos los navegadores lo soportan completamente:

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