Exemplo
Obter o conteúdo HTML do próximo irmão de um item da lista:
var x =
document.getElementById("item1").nextElementSibling.innerHTML;O resultado x será:
Tea (second li) Tente você mesmo " Definição e Uso
A propriedade nextElementSibling retorna o elemento imediatamente após o elemento especificado, no mesmo nível da árvore.
A diferença entre esta propriedade e nextSibling , é que nextSibling retorna o próximo nó irmão como um nó de elemento, um nó de texto ou um nó de comentário, enquanto nextElementSibling retorna o nó irmão seguinte, como um nó de elemento (ignores text and comment nodes) .
Esta propriedade é somente leitura.
Dica: Use o previousElementSibling propriedade para retornar o elemento anterior do elemento especificado.
Dica: Utilize a crianças propriedade para retornar qualquer elemento filho de um elemento especificado.
Suporte navegador
| Propriedade | |||||
|---|---|---|---|---|---|
| nextElementSibling | 2,0 | 9 | 3,5 | 4.0 | 10.0 |
Sintaxe
node .nextElementSiblingDetalhes técnicos
| Valor de retorno: | Um objecto do nó, que representa o próximo irmão de um elemento, ou nulo se não houver próximo irmão |
|---|---|
| DOM Versão | Núcleo Nível 3 Elemento Traversal |