Javascript – #5.03. DOM. Acceso y navegación por elementos

6 comentarios
Contraer comentarios
YESENIA YSABEL FUENTES PINTO 08/12/2020 a las 22:56

Excelente explicación de como podemos movernos entre los elementos del DOM

didacticode (Administrador) 10/12/2020 a las 09:58

¡Gracias, Yesenia!

Federico Marques 14/01/2021 a las 18:42

Gracias por acordarte de nosotros!!!!. Excelente explicación por cierto

didacticode (Administrador) 15/01/2021 a las 10:40

¡L@s galleg@s y l@s canarios son gente maravillosa! ¡Y no es peloteo! Todos los que he conocido (y son unos cuantos) son, como dicen por aquí “para llevar a casa”

Magnífico curso, como todos los que haces.

Una pequeña duda: Si utilizo un documento externo con el código javascript ya no necesitaría colocar el window.addEventListener(“load”,inicio);

¿Cierto?

Gracias de antemano. Y un saludo desde Málaga.

didacticode (Administrador) 08/02/2022 a las 15:19

¡Hola, Bart!
Verás, creo que te has liado un poco con el tema.
El load (que lo puedes poner como tú has puesto o con un window.onload) se utiliza para asegurarte que el código que hay dentro de ese inicio no se ejecuta hasta que se haya cargado la página. ¿Por qué? Porque en ese código haces referencia a componentes HTML que se tienen que “pintar” en la página y el Javascript, si lo has puesto en el head, o al principio del body, pues se va a cargar antes del HTML. Así te aseguras de que aunque el Javascript sea leído primero por el navegador, no ejecuta las sentencias esas hasta que no está cargado el HTML.
Ahora, en relación a tu pregunta, no tiene nada que ver. Si tu Javascript está cargado en un archivo externo y tú llamas al archivo en la cabecera, pasaría exactamente lo mismo. Es decir, el navegador lee primero lo de la cabecera, si está tu archivo lee tu archivo y luego lee el HTML del body. Si en tu archivo haces referencia a etiquetas del html que aún no se ha cargado, te dará un error.
¿Solución? Utilizar el load, o bien poner el script al final de la página (que no se recomienda aunque en algunos frameworks se usa así). ¿Me he explicado?

Deja un comentario