Node.nextSibling

Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

Resumen

Devuelve el siguiente nodo con respecto al indicado en la lista de nodos a la que este pertenece o null si el nodo especificado es el último de la lista.

Sintaxis

nextNode = node.nextSibling

 

Notas

Los navegadores basados ​​en Gecko, insertan nodos de texto en un documento para representar el espacio en blanco en el marcado de origen. Por lo tanto, un nodo obtenido, por ejemplo, usando Node.firstChild o Node.previousSibling, puede referirse a un nodo de texto de espacio en blanco en lugar del elemento real que el autor pretende conseguir.
 

Ejemplo

<div id="div-01">Este es el div-01</div>
<div id="div-02">Este es el div-02</div>

<script type="text/javascript">
var el = document.getElementById('div-01').nextSibling;

document.write('<p>Nodos hermanos del div-01</p><ol>');

while (el) {
  document.write('<li>' + el.nodeName + '</li>');
  el = el.nextSibling;
}

document.write('</ol>');
</script>

/**************************************************
     Nodos hermanos del div-01

      1. #text
      2. DIV
      3. #text
      4. SCRIPT
      5. P
      6. OL
**************************************************/

En el ejemplo anterior, se puede observar que los nodos #text se insertan en el DOM, donde se produce un espacio en blanco en el marcado entre las etiquetas (es decir, después de la etiqueta de cierre de un elemento y antes de la etiqueta de apertura del siguiente). No se crea ningún espacio en blanco entre los elementos insertados por la sentencia document.write.

La posible inclusión de los nodos de texto en el DOM se debe permitir cuando se atraviese el DOM utilizando nextSibling. Vea los recursos en la sección Notas.

Especificación

Ver también

Etiquetas y colaboradores del documento

 Colaboradores en esta página: fscholz, Alexis88
 Última actualización por: fscholz,