Ejemplo
Obtener el contenido HTML de la siguiente hermano de un elemento de la lista:
var x =
document.getElementById("item1").nextElementSibling.innerHTML;El resultado de x será:
Tea (second li) Inténtalo tú mismo " Definición y Uso
La propiedad nextElementSibling devuelve el elemento inmediatamente después del elemento especificado, en el mismo nivel del árbol.
La diferencia entre esta propiedad y nextSibling , es que nextSibling devuelve el siguiente nodo relacionado como un nodo de elemento, un nodo de texto o un nodo de comentario, mientras nextElementSibling devuelve el siguiente nodo relacionado como un nodo de elemento (ignores text and comment nodes) .
Esta propiedad es de solo lectura.
Consejo: Utilice la previousElementSibling propiedad para devolver el elemento anterior del elemento especificado.
Consejo: Utilice el niños propiedad para devolver cualquier elemento secundario de un elemento especificado.
Soporte del navegador
| Propiedad | |||||
|---|---|---|---|---|---|
| nextElementSibling | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Sintaxis
node .nextElementSiblingDetalles técnicos
| Valor de retorno: | Un objeto de nodo, que representa el siguiente hermano de un elemento, o null si no hay siguiente hermano |
|---|---|
| Versión DOM | Nivel básico 3 Elemento Transversal |