Crear elemento al final del documento </body>

abigor66 · #1 (**permalink**) 10/03/2012, 09:22

muy buenas tardes foreros, llevo rato intentando pero no he conseguido, poder crear un elemento justo antes de la etiqueta </body>

index.html

Código HTML:

Ver original<body>
<script src="documento.js"></script>
<div>Algún texto</div>
<script type="text/javascript">algo de código</script>
</body>

la idea es crear un elemento script antes de la etiqueta </body> o en su defecto agregar código en la etiqueta script que ya está al final. todo esto a través del archivo documento.js

actualmente tengo esto:
documento.js

Código Javascript:

Ver originalvar a= document.createElement("script");
var b= document.createTextNode("hola");
a.appendChild(b);
document.body.appendChild(a);

pero me crea el elemento script debajo de document.js

Código HTML:

Ver original<body>
<script src="documento.js"></script>
 
<script>hola</script>
 
<div>Algún texto</div>
<script type="text/javascript">algo de código</script>
</body>

Alguien sabe como podría conseguir este objetivo_?

zerokilled · #2 (**permalink**) 10/03/2012, 09:34

¡buenas!
creo que tienes que explicarte mejor porque no estoy del todo seguro lo que quieres lograr. entiendo que quieres poner un elemento antes de </body> y que dicho elemento es un script. pero lo que no comprendo es qué intentas hacer o por qué quieres introducir un script a través de otro. es normal que appendChild agregue el elemento al final. pues así es como funciona: agrega como último nodo hijo de otro elemento.

edit:
creo que ya lo entendi. sucede que tu script agrega el elemento al documento mientras el navegador está cargando el documento. eso lo que implica es que estás trabajando con el DOM en una fase muy temprana donde el navegador aún no ha generado todos los elementos. (recuerda que el navegador lee línea por línea de arriba abajo.) por tanto, cuando el navegador lee tu primer script, esta trabajando con lo que tenga del DOM y es por eso que no lo agrega justo al final de BODY. tendrías que cambiar un poco la metodología: en lugar de agregar el elemento mientras lee el documento, iniciar el proceso cuando el documento haya finalizado su carga para garantizar que se agregue al final de BODY. para ello utilizas el evento onload o DOMContentLoaded.

la otra forma no te va funcionar. es decir, agregar el código javascript a un elemento SCRIPT existente. al menos en las pruebas que he hecho, de alguna forma el elemento pierde la atención de parte del navegador. es decir, el elemento queda paralizado por más nodos TextNode que le agregues.

abigor66 · #3 (**permalink**) 10/03/2012, 12:57

muchas gracias. Funcionó!