Estoy tratando de ejecutar document.addEventListener() pero no funciona, ¿por qué?
<html> <head> <title>javascript</title> <link rel="stylesheet" href="C:\Users\SUDARSHAN\Desktop\html_UI\eventstyle.css"> </head> <body> <p id="p1">Welcome</p> </body> <script> function f1() { document.getElementById("p1").style.fontSize="50px"; } document.addEventListener("load",f1); console.log("hello"); </script> </html>Debe agregar un detector de load a la window en lugar de al document .
window.addEventListener("load",f1); Dicho esto, no puede tener un elemento script como elemento secundario del elemento html , debe estar en la head o el body (que son los únicos elementos secundarios permitidos de html ). Asegúrate siempre de que tu HTML sea válido en todo momento; HTML inválido lo coloca en un territorio no especificado y tiende a hacer que las cosas sean impredecibles (incluso si las cosas parecen funcionar).
Defectos en el código anterior.
html se documente correctamente. Para referencia https://www.w3schools.com/tags/tag_doctype.aspload depende de la ventana. En el código anterior, agregó el oyente para document.Puedes intentar lo siguiente:
document.addEventListener('DOMContentLoaded', f1); Hay dos eventos que están relacionados con la carga y descarga del Document
Consulte esta página para eventos de Windows https://developer.mozilla.org/en-US/docs/Web/API/Document#load_unload_events