HTML DOM Element propiedad nextElementSibling

Definición y uso

nextElementSibling La propiedad devuelve el siguiente elemento en el mismo nivel del árbol.

nextElementSibling La propiedad es de solo lectura.

Por favor, consulte:

propiedad previousElementSibling

propiedad children

propiedad firstElemenChild

propiedad lastElementChild

propiedad childElementCount

Nodos HTML y elementos

En HTML DOMen el (o sin) conjunto de nodos de documento HTML que tienen (o no tienen) nodos hijos.

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

ElementoLos espacios entre elementos 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）.

Nodos hijos y elementos hijos

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

children DevuelveElemento hijo（No devuelve nodos de texto y de comentario）.

nextSibling y nextElementSibling

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

nextElementSibling Devuelve el siguienteElemento（No devuelve nodos de texto y de comentario）.

previousSibling y previousElementSibling

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

previousElementSibling Devuelve el anteriorElemento（No devuelve nodos de texto y de comentario）.

Ejemplo

Devuelve el contenido HTML del hermano siguiente:

let text = element.nextElementSibling.innerHTML;

Prueba personalmente

Sintaxis

element.nextElementSibling

Valor devuelto

Tipo Descripción
Elemento Elemento hermano siguiente
null si no existe el siguiente hermano.

Compatibilidad del navegador

element.nextElementSibling es una característica de DOM Level 3 (2004).

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