6 - Accediendo a un nodo padre (parentNode)




Problema: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.
<!DOCTYPE html>
<html>
<head>
<title>Problema</title>
<script src="funciones.js"></script>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</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


Retornar