No se solucionar un error que sale en Chtome

kafok · #1 (**permalink**) 14/07/2012, 19:52

Hola, mi problema es un poco raro, resulta que tengo mi pagina en algun momento le pido a javascript que agrege mediante DOM una imagen a la pagina, el codigo es el siguiente:

Código:

document.body.appendChild(img[3]);

Donde img[3] existe, pero me chrome me dice que no puede llamar al metodo appendChild() de null, pero si mando la orden desde la consola de chrome si funciona la pagina. No se como soluciono esto, porque he probado con distintos navegadores y en todos pasa igual y el codigo esta bien pero no funciona... :(

Si me pueden ayudar... Muchas gracias :)

emprear · #2 (**permalink**) 14/07/2012, 22:23

Probablemente estés invocando la función antes de cargar el body

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
function agregar_al_body() {
    var t_span = document.createElement("span");
    var texto = document.createTextNode("Texto e span.....");
    t_span.appendChild(texto);
    document.body.appendChild(t_span);
     }
window.onload = agregar_al_body; // el body debe cargarse antes de hacer el appendChild
//]]>
</script>
</head>
<body>
</body>
</html>

substituí el span por tu imagen

Saludos

kafok · #3 (**permalink**) 15/07/2012, 09:07

He llegado a la misma conclusion que tu, pero es que hago el window.onload = mi_funcion(); y ahi hago el codigo y digo yo que mi_funcion(); se ejecuta justo al terminar de cargar la pag. ¿No?

Y un detalle que te queria preguntar e visto una parte de tu codigo que habia visto mas de una vez pero que no se porque se pone:

Código:

//<![CDATA[

La verdad que nunca le he dado importancia porque como va en comentarios es ignorado.

Muchas gracias :)

kafok · #4 (**permalink**) 15/07/2012, 09:16

ya solucione el problema, estaba en window.onload, lo puse en la etiqueta en el evento onload de la etiqueta body y funciona, muchas gracias :)

emprear · #5 (**permalink**) 15/07/2012, 09:26

esa es la idea, si no ejecutás la función onload(cuando todo el documento se cargó), tu javascript está intentando hacer un appendChild a un body, que aún no existe.
Por lo otro
http://www.forosdelweb.com/f53/duda-...8/#post4065146

SAludos

furoya · #6 (**permalink**) 15/07/2012, 11:58

Y para la próxima pon el código que no te anda completo, kafok, así no tenemos que adivinar que estabas escribiendo

~~window.onload = mi_funcion()~~

en vez de

window.onload = mi_funcion

y por eso no te cargaba.

kafok · #7 (**permalink**) 15/07/2012, 17:02

No he puesto el codigo porque es muy largo, perdona. A y perdona por ese pequeño fallito, la prisas ya sabes :P