Ver Mensaje Individual
  #4 (permalink)  
Antiguo 02/09/2010, 09:17
Avatar de humanista
humanista
 
Fecha de Ingreso: abril-2005
Mensajes: 878
Antigüedad: 19 años
Puntos: 15
Respuesta: appendChild pero que lo coloque encima

tb he encontrado este código q no logro acoplar a mi caso particular:

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. <!--
  3. function f (nodo)
  4. {
  5. var newNodo=nodo.cloneNode(true);
  6.  
  7. newNodo.setAttribute("class", "rojo");
  8.  
  9. document.body.insertBefore(newNodo,nodo);
  10. }
  11. //-->
  12. </script>
  13.  
  14. <style type="text/css">
  15. <!--
  16. p {border: 1px solid black}
  17. p.rojo {background-color: red}
  18. -->
  19. </style>
  20.  
  21. </head>
  22. <body>
  23.  
  24. <p>El método <b>insertBefore</b>
  25. requiere dos argumentos: el nodo a
  26. insertar y el node de referencia
  27. (delante del cual se inserta el primero).
  28. <br>Si el nodo de referencia es
  29. <b>null</b> el primer nodo se inserta
  30. al final.</p>
  31.  
  32. <p onclick="f(this)">Observa como al
  33. pulsar el botón del ratón sobre este
  34. párrafo, un duplicado del mismo se
  35. añade delante de éste en el cuerpo del
  36. documento.</p>
  37.  
  38. <p>Para destacar el nuevo nodo
  39. (párrafo), éste se muestra de color rojo.
  40. </p>