Objeto do JavaScript

Manual de referência do JavaScript

nextElementSiblingA propriedade retorna apenas o nó irmão imediatamente seguinte do nó do elemento (não inclui nós de texto, nós de comentário);

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

UsopreviousElementSiblingA propriedade retorna o elemento anterior do elemento especificado.

UsochildrenA propriedade retorna qualquer elemento filho do elemento especificado.

element.nextElementSibling

Exemplo

var x = document.querySelector("#div-1.nextElementSibling.innerHTML;

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

propriedade
nextElementSibling	2	3.5	10	4	9

Retorno:	Um objeto Node, que representa o próximo同级 do elemento; se não houver próximo同级, énull
Versão DOM:	Nível DOM3

Mudar o conteúdo HTML do próximo elemento同级 do primeiro elemento DIV:

Exemplo

var div = document.querySelector("#div-1)
div.nextElementSibling.innerHTML = "HELLO WORLD";

Mudar a cor de fundo do próximo elemento irmão do primeiro elemento DIV:

Exemplo

var div = document.querySelector("#div-1)
div.nextElementSibling.style.backgroundColor = "coral";

Referência do HTML DOM:propriedade children