Foros del Web - Ver Mensaje Individual

BramSt · #1 (**permalink**) 09/07/2016, 21:01

Hola, estoy empezando con Javascript y el DOM, y se me está haciendo bastante lioso.

Veréis, he creado un pequeño código HTML para ir probando:

Código HTML:

Ver original<html>
    <head>
    
        
    </head>
    
    <body>
    
    
        <p>Hola qué tal</p>
        <div id="wrapper"><p>Bien</p></div>
 
 
        <script type="text/javascript">//pequeño js para ir probando
        var msg='';
        
        msg=document.childNodes[0].childNodes[2].childElementCount; <!--esto (el body) devuelve tres elementos. 
¿No deberían ser 2? El párrafo y el div... -->
        
        
        alert(msg);
        
        </script>
    </body>
    
 
    
</html>

En el comentario está una de mis dudas. Pensaría que quizá el tercer elemento es <script>, pero si lo saco del body (es decir, poniendo el código js después del body), me sigue contando tres elementos... Lo cuál me lleva a la siguiente duda:

He tratado de implementar ese código js en un .js aparte, para ver si así no me lo cuenta, de tal forma:

Código Javascript:

Ver originalvar msg='';
        
        msg=document.childNodes[0].childNodes[2].childElementCount; /*esto (el body) devuelve tres elementos. ¿No deberían ser 2? El párrafo y el Id... */
        
        
        alert(msg);

Es decir, que ya he probado quitando lo del script y enlazándolo desde el head... pero el .js no se me ejecuta, y mirando línea a línea, parece que es esta la que me da problemas:

Código Javascript:

Ver originalmsg=document.childNodes[0].childNodes[2].childElementCount;

Vaya que por algún motivo, desde un .js externo no se ejecuta...

Un saludo a todos y gracias.