English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Propriedade previousElementSibling do HTML DOM

Objeto Elemento do HTML DOM

previousElementSiblingPropriedade de leitura apenas no mesmo nível da árvore, retorna o elemento anterior do elemento especificado.

Se não houver elemento anterior na mesma hierarquia, esta propriedade retornanull.

UsonextElementSiblingA propriedade retorna o próximo elemento do elemento especificado.

UsochildrenA propriedade retorna qualquer elemento filho do elemento especificado.

Sintaxe:

element.previousElementSibling
var x = document.querySelector("#div-2").previousElementSibling.innerHTML;
Teste e Veja‹/›

Compatibilidade do navegador

Os números na tabela especificam a primeira versão do navegador que suporta completamente a propriedade previousElementSibling:

Propriedade
previousElementSibling23.51049

Detalhes Técnicos

Retorno:Um objeto Node, que representa o同级 anterior do elemento; se não houver同级 anterior, entãonull
Versão DOM:Nível DOM3

Mais Exemplos

Mudar o conteúdo HTML do predecessor do segundo elemento DIV:

var div = document.querySelector("#div-2)
div.previousElementSibling.innerHTML = "HELLO WORLD";
Teste e Veja‹/›

Mudar a cor de fundo do predecessor do segundo elemento DIV:

var div = document.querySelector("#div-2)
div.previousElementSibling.style.backgroundColor = "coral";
Teste e Veja‹/›

Referências Relacionadas

Referência do HTML DOM:Propriedade children

Referência do HTML DOM:Propriedade nextElementSibling

Objeto Elemento do HTML DOM