Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/09/2011, 00:27
Stackado
 
Fecha de Ingreso: junio-2009
Mensajes: 75
Antigüedad: 15 años, 6 meses
Puntos: 0
Una Pequeña catedra de DOM en JS

Bueno, me encuentro leyendo la "Introduccion a Javascript" de Librosweb.es y esta muy bueno el libro para aprender, aunque me esta costando algo de trabajo porque soy malo pensando ( ordenadamente la menos ).

Pues me encuentro en el capitulo de la creacion, modificacion y eliminacion de los elementos DOM de una pagina, y como ejercicio aparte, estoy tratando de hacer algo parecido a lo que metroflog hace con sus comentarios, ir agregandolos a la pagina sin recargarla, sin embargo parece ser que algo me esta saliendo mal, pues en vez de el comentario que deseo que aparezca, me sale solamente "undefined", entonces acudo a ustedes para ver si podrian instruirme un poco acerca de porque lo que estoy usando no funciona y que deveria usar y porque (si no es mucha molestia claro )

El codigo que utilizo es el siguiente:

Código Javascript:
Ver original
  1. function agrega(){
  2.  
  3. //Agregar un elemento a la Pagina Web
  4.  
  5. // Crear nodo de tipo Element
  6. var parrafo = document.createElement("p");
  7.  
  8. // Crear nodo de tipo Text
  9. var texto = document.createElement("textarea");
  10.  
  11. //Se almacena el contenido del textarea
  12. var contenido = document.getElementById('comment').value;
  13.  
  14. // Añadir el nodo Text como hijo del nodo Element
  15. document.body.appendChild(parrafo);
  16.  
  17. parrafo.innerHTML = contenido.value;
  18.  
  19. }

Y lo activo de la siguiente manera:

Código HTML:
Ver original
  1. <input type="button" value="Agregar un Parrafo" Onclick="javascript:agrega()"/>

Quizas deveria usar appendchild pero porque no innerHTML?, porque el undefined?, porque el usar value no funciona?