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 lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Prueba</title>
</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()">
    <script src="funciones.js"></script>
</body>

</html>
function cambiarTamFuente() {
    let puntero = document.getElementById('parrafo1')
    let padre = puntero.parentNode
    padre.style.fontSize = '40px'
}
Ver solución


Retornar