Propriedade previousSibling do DOM HTML

Objeto Elemento do HTML DOM

previousSiblingPropriedade de leitura que retorna o nó anterior no mesmo nível da árvore do nó especificado.

Se não houver同级 anterior, esta propriedade retornanull.

Os espaços são considerados texto, o texto é considerado nó. Os comentários também são considerados nós.

Para evitar problemas no retorno de #text ou #comment pelo previousSibling, pode-se usarpreviousElementSiblingRetorna apenas nós de elemento.

UsarnextSiblingA propriedade retorna o próximo nó no mesmo nível da árvore do nó especificado.

UsarchildNodesA propriedade pode retornar qualquer subnó do nó especificado.

Sintaxe:

node.previousSibling

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

Mas, se remover os espaços entre os DIV, o valor retornado não será #text:

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

Compatibilidade do Navegador

A propriedade previousSibling é completamente suportada por todos os navegadores:

Detalhes Técnicos

Referências Relacionadas

Referência do HTML DOM:nodepropriedade .childNodes

Referência do HTML DOM:nodepropriedade .firstChild

Referência do HTML DOM:nodepropriedade .lastChild

Referência do HTML DOM:nodepropriedade .parentNode

Referência do HTML DOM:nodepropriedade .nextSibling

Referência do HTML DOM:nodepropriedade .nodeName

Objeto Elemento do HTML DOM