Propiedad previousElementSibling del HTML DOM

Objeto Elemento de HTML DOM

previousElementSiblingPropiedad de solo lectura en el mismo nivel de árbol, devuelve el elemento anterior del elemento especificado.

Si no hay elementos anteriores en el nivel superior, esta propiedad devuelvenull.

UsonextElementSiblingLa propiedad devuelve el siguiente elemento del elemento especificado.

UsochildrenLa propiedad devuelve cualquier elemento hijo del elemento especificado.

Sintaxis:

element.previousElementSibling

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

Compatibilidad del navegador

Los números en la tabla especifican la primera versión del navegador que admite completamente la propiedad previousElementSibling:

Detalles técnicos

Más ejemplos

Cambiar el contenido HTML del hermano anterior del segundo elemento DIV:

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

Cambiar el color de fondo del anterior hermano del segundo elemento DIV:

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

Referencias relacionadas

Referencia de HTML DOM:propiedad children

Referencia de HTML DOM:propiedad nextElementSibling

Objeto Elemento de HTML DOM