Ver Mensaje Individual
  #5 (permalink)  
Antiguo 13/05/2009, 17:30
Avatar de pato12
pato12
 
Fecha de Ingreso: septiembre-2007
Ubicación: Salta
Mensajes: 1.620
Antigüedad: 17 años, 1 mes
Puntos: 101
Respuesta: insertar <li> en una lista <ul>

Prueba esto:
Código javascript:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Lista LI</title>
  6. <script type="text/javascript">
  7. <!--
  8. function agreagarLi(){
  9.     var texto=document.getElementById('liname').value;
  10.     var li=document.createElement('LI');
  11.     li.innerHTML=texto==''?'(nada)':texto;
  12.     document.getElementById('lista').appendChild(li);
  13. }
  14. function borrar(){
  15.     lis=document.getElementById('lista').getElementsByTagName('li');
  16.     for(var i=0; i<lis.length;i++){
  17.         lis[i].onclick=function(){
  18.             if(confirm('¿Borrar este li?'))
  19.             this.parentNode.removeChild(this);
  20.         };
  21.     }
  22.    
  23. }
  24. -->
  25. </script>
  26. </head>
  27.  
  28. <body>
  29. <input type="text" id="liname" value="Otro mas" />
  30. <input type="button" onclick="agreagarLi();" value="Agregar" />
  31. <ul id="lista" onclick="borrar();">
  32.     <li>Aqui viene un item</li>
  33.     <li>Aqui va otro item</li>
  34. </ul>
  35. </body>
  36. </html>
__________________
Half Music - www.halfmusic.com