4 - Accediendo a los nodos hijos de una marca HTML(childNodes)(solo Internet Explorer)


Definir 5 párrafos en un bloque div. Luego modificar la propiedad fontSize de cada párrafo. Acceder a cada párrafo a partir del div.
<html>
<head>
<title>Problema</title>
<script language="javascript" src="funciones.js" type="text/javascript"></script>
</head>
<body>
<div id="bloque">
<p>Este es el primer párrafo</p>
<p>Este es el segundo párrafo</p>
<p>Este es el tercer párrafo</p>
<p>Este es el cuarto párrafo</p>
<p>Este es el quinto párrafo</p>
</div>
<input type="button" value="Aumentar Fuentes" onClick="aumentarFuentes()">
</body>
</html>
function aumentarFuentes()
{
  var obj=document.getElementById('bloque');
  fuente=10;
  for(f=0;f<obj.childNodes.length;f++)
  {
    obj.childNodes[f].style.fontSize=fuente+'px';
    fuente=fuente+5; 
  }
}

Ver solución
pagina1.html



funciones.js