Tema: No entiendo bien el DOM
Ver Mensaje Individual
  #10 (permalink)  
Antiguo 15/07/2016, 01:03
Avatar de BramSt
BramSt
 
Fecha de Ingreso: abril-2015
Mensajes: 117
Antigüedad: 9 años
Puntos: 5
Respuesta: No entiendo bien el DOM
Cita:
Iniciado por IsaBelM Ver Mensaje
La primera duda no te preocupes. La importante es la segunda. Revisa estas dos ligas https://developer.mozilla.org/en-US/...MContentLoaded y https://developer.mozilla.org/en-US/...eb/Events/load
Coooooño creo que ya lo voy pillando... voy poniendo estas cosas por si en el futuro alguien novato como yo se encuentra con los mismos problemas.

el tema es, como dices, que JS no puede actuar con unos elementos que aún no existen, y por eso el .js externo no se ejecuta si no "disparamos" ese JS cuando se termine de cargar la página, no?

Así que lo que habría que hacer es algo así, si queremos que cargue un .js externo:


Código Javascript: 
Ver original
  1. //archivoExterno.js:
  2.  
  3.  
  4. function funcionCodigoACargar()
  5. {
  6.  
  7. //aquí va el código JS
  8.  
  9. }

Y luego:


Código HTML: 
Ver original
  1. <html>
  2.     <head>
  3.     
  4.         
  5.  
  6.         <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  7.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8.         <html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
  9.  
  10.  
  11.         <script type="text/javascript" src="rutaArchivoExterno.js"></script><!--NO OLVIDAR ESTO-->
  12.         
  13.         
  14.     </head>
  15.     
  16.     <body onload="funcionEjemploCarga()"><!--CUANDO SE DISPARA EL EVENTO LOAD, EJECUTAMOS LA FUNCION QUE CONTIENE NUESTRO CODIGO JS-->
  17.     
  18.         
  19.         
  20.         <p>Hola qué tal</p>
  21.         <div id="wrapper"><p id="p1">Bien</p></div>
  22.         
  23.         
  24.     </body>
  25.     
  26.     
  27.     
  28. </html>




¿Es así la cosa?

Parece que así, porque ahora se ejecuta XD