Foros del Web » Programando para Internet » Javascript »

Agregar div a body

Estas en el tema de Agregar div a body en el foro de Javascript en Foros del Web. Hola, quiero agregar un div con un id dentro del body, pero no me reconoce el body (undefined), @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código javascript : Ver original ...
  #1 (permalink)  
Antiguo 10/06/2009, 09:36
Avatar de America|UNK  
Fecha de Ingreso: noviembre-2006
Ubicación: Piura - Perú
Mensajes: 582
Antigüedad: 17 años, 5 meses
Puntos: 56
Agregar div a body

Hola, quiero agregar un div con un id dentro del body, pero no me reconoce el body (undefined),

Código javascript:
Ver original
  1. var body = document.getElementsByTagName("body")[0]
  2. alert(body) // undefined
__________________
/* El que atiende, entiende..., el que entiende, aprende!.
Desarrollo Web Freelance, Contactar */
  #2 (permalink)  
Antiguo 10/06/2009, 09:52
Avatar de TIaGoX  
Fecha de Ingreso: julio-2008
Ubicación: Loma Hermosa @ Buenos Aires
Mensajes: 49
Antigüedad: 15 años, 9 meses
Puntos: 2
Respuesta: Agregar div a body

Te corrijo sobre tu mismo código. Una cosa es como obtener el body y la otra (aunque no es necesario, te lo recomiendo) los ";" al final de cada sentencia.
Código javascript:
Ver original
  1. var body = document.getElementsByTagName("body").item(0);
  2. alert(body); // undefined
Espero que sea eso.

Saludos!
  #3 (permalink)  
Antiguo 10/06/2009, 10:08
Avatar de America|UNK  
Fecha de Ingreso: noviembre-2006
Ubicación: Piura - Perú
Mensajes: 582
Antigüedad: 17 años, 5 meses
Puntos: 56
Respuesta: Agregar div a body

Me sigue sin agregar el div.
Código javascript:
Ver original
  1. var body = document.getElementsByTagName("body").item(0);
  2. var d = document.createElement("div");
  3. d.id = "iddiv";
  4. body.appendChild(d)
__________________
/* El que atiende, entiende..., el que entiende, aprende!.
Desarrollo Web Freelance, Contactar */
  #4 (permalink)  
Antiguo 10/06/2009, 10:19
Avatar de Legoltaz  
Fecha de Ingreso: agosto-2008
Mensajes: 325
Antigüedad: 15 años, 8 meses
Puntos: 6
Respuesta: Agregar div a body

Fíjate que el script esté debajo del código HTML (donde está el body y el futuro div, vaya).

Código JavaScript:
Ver original
  1. var body = document.getElementsByTagName('body')[0];
  2. var d = document.createElement('div');
  3. d.setAttribute('id','iddiv');
  4. body.appendChild(d);
  #5 (permalink)  
Antiguo 10/06/2009, 10:19
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Agregar div a body

Hola:

Se puede usar lo que pones desde el principio:

var body = document.getElementsByTagName("body")[0];

que simplificado sería:

document.body;...

Y las dos formas están bien siempre que exista ese body... supongo que la llamada la estás haciendo desde un script en el head, que se encuentra antes de la declaración de ese body (perdona por suponrlo, pero es el error más común en estosa casos)... la solución es ejecutar ese script con la página cargada:

onload = function() {agregarDiv();}

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #6 (permalink)  
Antiguo 10/06/2009, 10:51
Avatar de America|UNK  
Fecha de Ingreso: noviembre-2006
Ubicación: Piura - Perú
Mensajes: 582
Antigüedad: 17 años, 5 meses
Puntos: 56
Respuesta: Agregar div a body

El div tengo que cargarlo cuando se entra a la página, ahora uso el document.write pero aveces me tira una página en blanco.

Código javascript:
Ver original
  1. document.write('<div id="unid"></div>')
__________________
/* El que atiende, entiende..., el que entiende, aprende!.
Desarrollo Web Freelance, Contactar */
  #7 (permalink)  
Antiguo 10/06/2009, 10:54
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Agregar div a body

Hola:

document.write solo sirve mientras se carga la página y siguiendo el flujo de esa carga. Si no es así, debes evitar su uso.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #8 (permalink)  
Antiguo 12/06/2009, 11:02
Avatar de America|UNK  
Fecha de Ingreso: noviembre-2006
Ubicación: Piura - Perú
Mensajes: 582
Antigüedad: 17 años, 5 meses
Puntos: 56
Respuesta: Agregar div a body

Cita:
Iniciado por caricatos Ver Mensaje
Hola:

document.write solo sirve mientras se carga la página y siguiendo el flujo de esa carga. Si no es así, debes evitar su uso.

Saludos
Bien, entonces no debería haber problemas cuando ejecuto una función que contiene el document.write cuando se carga la página no, lo dejo así.
Código javascript:
Ver original
  1. write = function(){
  2. document.write('lol')
  3. }
  4.  
  5. write();
__________________
/* El que atiende, entiende..., el que entiende, aprende!.
Desarrollo Web Freelance, Contactar */
  #9 (permalink)  
Antiguo 12/06/2009, 12:24
Avatar de gioramies  
Fecha de Ingreso: febrero-2008
Ubicación: Colombia
Mensajes: 217
Antigüedad: 16 años, 2 meses
Puntos: 14
Respuesta: Agregar div a body

Hola.

Creo que sería mejor si lo haces así:

Código:
//Creas el nodo a insertar
var d = document.createElement('div');
d.setAttribute('id','iddiv');

document.body.appendChild(d); // Lo insertas al final del body

document.body.insertBefore(nuevoNodo, document.body.firstChild); // Lo insertas al inicio del body

Coméntame a ver si te funcionó. Saludos.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 18:11.