HTML DOM Element nextSibling propiedad

Definición y uso

nextSibling La propiedad devuelve el siguiente nodo en el mismo nivel de la estructura del árbol.

nextSibling Se devuelve un objeto Node.

nextSibling Las propiedades son de solo lectura.

Atención

nextSibling Devuelve el siguiente hermano: nodo de elemento, nodo de texto o nodo de comentario.

El espacio en blanco entre los elementos también es un nodo de texto.

Solución alternativa:

Atributo nextElementSibling - nextElementSibling Devuelve el siguiente hermano de elemento (ignora nodos de texto y comentarios).

Véase también:

Atributo previousSibling

Atributo firstChild

Atributo lastChild

Atributo childNodes

Método hasChildNodes()

Nodo de HTML y elemento

En HTML DOMen el (o sin) nodo de conjunto de documentos HTML, que es un nodo que tiene (o no tiene) nodos hijos.

NodoSe refiere a nodos de elemento, nodos de texto y nodos de comentario.

ElementoLos espacios en blanco entre ellos también son nodos de texto.

Mientras que el elemento es solo un nodo de elemento.

Hermano y hermano de elemento

HermanoSon "hermano" y "hermana".

HermanoSon nodos que tienen el mismo padre nodo (en el mismo childNodes de la lista）.

Elemento hermanoSon elementos que tienen el mismo padre elemento (en el mismo children de la lista）.

Nodo hijo y elemento hijo

childNodes DevuelveNodo hijo（Nodo de elemento, nodo de texto y nodo de comentario）.

children DevuelveElemento hijo（No nodos de texto ni comentarios）.

nextSibling y nextElementSibling

nextSibling Devuelve el siguienteNodo（Nodo de elemento, nodo de texto o nodo de comentario）. Los espacios en blanco entre elementos también son nodos de texto.

nextElementSibling Devuelve el siguienteElemento（No devuelve nodos de texto ni comentarios）.

previousSibling y previousElementSibling

previousSibling Devuelve el anteriorNodo（Nodo de elemento, nodo de texto o nodo de comentario）. Los espacios en blanco entre elementos también son nodos de texto.

previousElementSibling Devuelve el anteriorElemento（No devuelve nodos de texto ni comentarios）.

Ejemplo

Devuelve el contenido HTML del hermano siguiente del elemento de la lista:

document.getElementById("item1").nextSibling.innerHTML;

Prueba por tu cuenta

Sintaxis

element.nextSibling

o

node.nextSibling

Valor devuelto

Tipo Descripción
Nodo El hermano siguiente del elemento.
null Si no existe el siguiente hermano.

Compatibilidad del navegador

element.nextSibling Es una característica de DOM Level 1 (1998).

Todos los navegadores lo soportan completamente:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Soporte 9-11 Soporte Soporte Soporte Soporte