6 - Accediendo a un nodo padre (parentNode)
Problema:
A partir de la referencia de un párrafo contenido en un div modificar el color de fondo del div.
pagina.html
estilos.css
funciones.js
Ejecución 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> <div> <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> </div> <input type="button" value="Cambiar color de fondo del div" onClick="cambiarColor()"> <script src="funciones.js"></script> </body> </html>
function cambiarColor() { let puntero = document.getElementById('parrafo1') let padre = puntero.parentNode padre.style.backgroundColor = '#ff0000' }
No tiene disponible el navegador la capacidad de iframe
Retornar