8 - Accediendo a un nodo hermano (nextSibling y previousSibling)


Disponer una página que contenga varios párrafos. Disponemos del id del primero. Luego, mediante una estructura repetitiva, acceder y mostrar con un alert los nodos texto de cada párrafo.
<html> 
<head> 
<title>Problema</title>
<script language="javascript" src="funciones.js" type="text/javascript"></script> 
</head> 
<body> 
<div> 
<p id="parrafo1">párrafo 1</p><p>párrafo 2</p><p>párrafo 3</p> 
</div> 
<input type="button" value="accediendo a los tres párrafos" 
onClick="proximoParrafo()"> 
</body>
</html> 
function proximoParrafo()
{
  var primero=document.getElementById('parrafo1');
  alert(primero.childNodes[0].nodeValue);
  var proximo=primero.nextSibling;
  while (proximo!=null)
  {
    alert(proximo.childNodes[0].nodeValue);
    proximo=proximo.nextSibling;
  }
}

Ver solución
pagina1.html



funciones.js