Objeto de JavaScript

Manual de referencia de JavaScript

nextElementSiblingLa propiedad solo devuelve el siguiente nodo hermano del elemento (no incluye nodos de texto ni nodos de comentario);

Si no hay otro elemento del mismo nivel siguiente, esta propiedad devuelvenull.

UsopreviousElementSiblingLa propiedad devuelve el elemento anterior del elemento especificado.

UsochildrenLa propiedad devuelve cualquier elemento hijo del elemento especificado.

element.nextElementSibling

Ejemplo

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

Los números en la tabla especifican la primera versión del navegador que admite completamente la propiedad nextElementSibling:

propiedad
nextElementSibling	2	3.5	10	4	9

Valor devuelto:	Un objeto Node, que representa el siguiente hermano del elemento; si no hay siguiente hermano,则为null
Versión DOM:	Nivel DOM3

Cambiar el contenido HTML del siguiente hermano del primer elemento DIV:

Ejemplo

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

Cambiar el color de fondo del siguiente hermano del primer elemento DIV:

Ejemplo

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

Referencia de HTML DOM:propiedad children