De la forma en que tratas de hacerlo no es correcto pues:
- Este evento generalmente se evalúa al objeto
window
- Dentro de los nodos del DOM solamente aquellos que tienen el atributo
src
tales como una img
y que dicho recurso se ha cargado
- Tu tratas de darle un listener a un
div
el cual no cumple con el punto anterior.
Ahora si solo importa que el div
esté cargado en el árbol DOM, entonces te puedes auxiliar del evento DOMContentLoaded
el cual:
- Se ejecuta cuando el documento HTML ha sido completamente cargado y parseado
Entonces podemos darle un listener en dicho evento a document
que:
- Representa a la página web cargada
- Da un punto de acceso al árbol DOM
Quedando así:
document.addEventListener('DOMContentLoaded', () => {
})
Del modo anterior estaremos verificando que el documento completo se haya constituido, eso involucra que ya exista el div
en cuestión.
Pero aclaro que esto que comparto no estará llamando en momento alguno a la función de forma directa por que el div esté cargado, sino que la ejecutará por que el DOM esta cargado (eso incluye al div
).
<div id="hola">Hola</div>
<script>
document.addEventListener('DOMContentLoaded', () => {
function hola () {
console.log(1);
}
hola();
})
</script>
Referencia
document.getElementById("prueba").addEventListener("load",function(){ p(); });