colocar texto con appendChild

humanista · #1 (**permalink**) 01/08/2010, 16:22

Hola, tengo un código como éste:

Código HTML:

Ver original<html>
<body>
.....
 
<div id="resultados" style='position:relative;'></div>
....
</body>
</html>

ahora con appendChild quiero colocar dentro del div id="resultados" a su vez varios div (o span, no me importa).

En cada uno de estos hijos de div id="resultados" tiene q ir un pequeño párrafo.

Tengo un código como éste pero algo me falla:

Código Javascript:

Ver originaldiv = document.createElement('div');
            document.body.appendChild(div);
            a = document.createElement('A');
            a.innerHTML = newcomment;
            div.appendChild(a);

lo del "a" es un link, con lo que me imagino que se podrá sustituir por div, no? es que es un código q he copiado/pegado y me imprime el comentario pero no dentro del div id="resultados"

maycolalvarez · #2 (**permalink**) 01/08/2010, 16:38

http://www.w3schools.com/dom/met_doc...tetextnode.asp, espero te ayude

humanista · #3 (**permalink**) 01/08/2010, 16:54

gracias pero sigo igual. lo q pretendo con appendChild es algo así:

Código HTML:

Ver original<html>
<body>
<div id="resultados">
 
    <div>texto1</div>
    <div>texto2</div>
 
</div>

estoy probando esto pero no me sale nada:

Código Javascript:

Ver originalcontenedor = document.createElement('div');
            
            texto = document.createTextNode('textoooo'); 
 
            contenedor.appendChild(texto);

o podría ser algo así:

Código Javascript:

Ver originalcontenedor = document.createElement('div');
 
                        texto.innerHTML = 'textoooo';
 
                        contenedor.appendChild(texto);

pero no hay forma... aunque en alguna parte debe aparecer document.body.resultados no? pq el div resultados está ya creado... ¿? ando un poco perdida cómo véis

zerokilled · #4 (**permalink**) 01/08/2010, 17:19

vas bien, solo que ahora tienes que agregar el elemento div creado al documento, o mas especificamente al elemento con id resultados.

humanista · #5 (**permalink**) 01/08/2010, 17:21

sí, es exactamente en el paso en q me estoy volviendo loca y no consigo avanzar... alguna idea/respuesta?

zerokilled · #6 (**permalink**) 01/08/2010, 17:24

toma la referencia del elemento por id, o sea getElementById y luego agregas el elemento creado con appendChild desde esa referencia.

humanista · #7 (**permalink**) 01/08/2010, 17:29

sabrías decirme exactamente la instrucción? estoy probando y probando y no logro nada, gracias

zerokilled · #8 (**permalink**) 01/08/2010, 17:35

prefiero que muestres como lo estas intentando...

humanista · #9 (**permalink**) 01/08/2010, 17:40

buff, si tengo q copiar/pegar todas las pruebas q estoy haciendo lo mismo colapso el servidor pero la q más creo q debería funcionar es esta:

Código Javascript:

Ver originaldivresultados = document.getElementById('resultados');
        
            contenedor = document.createElement('div');
            document.body.appendChild(contenedor);
            
            texto = document.createElement('div');
            texto.innerHTML = newcomment;
            divresultados.contenedor.appendChild(texto);

pero nada... :(

zerokilled · #10 (**permalink**) 01/08/2010, 18:04

no comprendo algo, ¿por que estas creando dos elementos DIVs? supongo que con solo uno te basta. de todos modos, esto es lo que tenias que hacer...

Código:

var texto = document.createElement('div');
texto.innerHTML = newcomment;
document.getElementById("resultados").appendChild(texto);

humanista · #11 (**permalink**) 01/08/2010, 18:19

tienes razón, no creo que haría falta 2 div, con 1 podría valer pero siento decir q no funciona, simplemente no imprime nada ¿?

zerokilled · #12 (**permalink**) 01/08/2010, 18:24

tal como te lo mostre no va funcionar. la variable newcomment debe ser un string previamente definida. y segundo, el codigo tiene que interpretarse luego que el DOM cargue. o sea, luego que el elemento div#resultados haya cargado en el navegador. de lo contrario genera error de que dicho elemento no existe.

humanista · #13 (**permalink**) 01/08/2010, 18:29

yaa, por fin!!!!, ya me funciona, es tal cual me mandaste el último código, muchas gracias!