Propiedad previousSibling del DOM HTML

Objeto Elemento de HTML DOM

previousSiblingPropiedad de solo lectura que devuelve el nodo anterior en el mismo nivel del árbol.

Si no hay un nodo同级 anterior, esta propiedad devuelvenull.

Los espacios en blanco se consideran texto, y el texto se considera nodo. Los comentarios también se consideran nodos.

Para evitar problemas con previousSibling que devuelva nodos #text o #comment, se puede usarpreviousElementSiblingDevuelve solo nodos de elemento.

UsonextSiblingLa propiedad devuelve el siguiente nodo del mismo nivel en el árbol.

UsochildNodesLa propiedad puede devolver cualquier nodo hijo del nodo especificado.

Sintaxis:

node.previousSibling

<div id="div-1">Aquí está div</>-1</div>
<div id="div-2">Aquí está div</>-2</div>
<script>
var x = document.querySelector("#div-2).previousSibling.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Pero, si se elimina el espacio entre los DIV, el valor devuelto no será #text:

<div id="div-1">Aquí está div</>-1</div><div id="div-2">Aquí está div</>-2</div>
<script>
var x = document.querySelector("#div-2).previousSibling.innerHTML;
document.getElementById("result").innerHTML = x;
</script>

Compatibilidad del navegador

Todos los navegadores admiten completamente la propiedad previousSibling:

Detalles técnicos

Referencias relacionadas

Referencia de HTML DOM:nodopropiedad .childNodes

Referencia de HTML DOM:nodopropiedad .firstChild

Referencia de HTML DOM:nodopropiedad .lastChild

Referencia de HTML DOM:nodopropiedad .parentNode

Referencia de HTML DOM:nodopropiedad .nextSibling

Referencia de HTML DOM:nodopropiedad .nodeName

Objeto Elemento de HTML DOM