Propiedad nextSibling de HTML DOM

Objeto Elemento de HTML DOM

nextSiblingLa propiedad devuelve el nodo hermano siguiente al nodo de elemento (incluso nodos de texto, comentarios, saltos de línea, espacios, texto, etc.).

Si no hay siguiente nodo同级, esta propiedad devuelvenull.

Los espacios en blanco se consideran texto, y el texto se considera un nodo. Los comentarios también se consideran nodos.

Para evitar que nextSibling devuelva nodos #text o #comment, se puede usarnextElementSiblingSólo devuelve nodos de elemento.

Se puede usarpreviousSiblingLa propiedad puede devolver el nodo anterior al nodo especificado en el mismo nivel del árbol.

Se puede usarchildNodesLa propiedad puede devolver cualquier subnodo del nodo especificado.

Sintaxis:

node.nextSibling

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

Pero, si se elimina el espacio entre DIV, el valor devuelto no será #text:

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

Compatibilidad del navegador

La propiedad nextSibling es completamente compatible con todos los navegadores:

Detalles técnicos

Referencias relacionadas

Referencia de HTML DOM:nodo propiedad .childNodes

Referencia de HTML DOM:nodo propiedad .firstChild

Referencia de HTML DOM:nodo propiedad .lastChild

Referencia de HTML DOM:nodo propiedad .parentNode

Referencia de HTML DOM:nodo propiedad .previousSibling

Referencia de HTML DOM:nodo propiedad .nodeName

Objeto Elemento de HTML DOM