7 - Accediendo a un nodo padre (parentNode)


Crear una página html que contenga tres párrafos y definir su propiedad id para el primero de ellos. Cambiar el tamaño de fuente por '40px' para todos los elementos de la página.
<html>
<head>
<title>Problema</title>
<script language="javascript" src="funciones.js" type="text/javascript"></script>
</head>
<body>
<p id="parrafo1">Este es el primer párrafo</p>
<p>Este es el segundo párrafo</p>
<p>Este es el tercer párrafo</p>
<input type="button" value="Cambiar tamaño de fuente" 
onClick="cambiarTamFuente()">
</body>
</html>
function cambiarTamFuente()
{
  var puntero=document.getElementById('parrafo1');
  var padre=puntero.parentNode;
  padre.style.fontSize='40px';  
}

Ver solución
pagina1.html



funciones.js