Tema: insertar código html a través de javascript
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/03/2017, 15:34
antonio715715
 
Fecha de Ingreso: enero-2016
Mensajes: 21
Antigüedad: 8 años, 3 meses
Puntos: 0
insertar código html a través de javascript
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Prueba de formulario</title>
  5.  
  6.  
  7. </head>
  8.  
  9.  
  10. <body>
  11. <script type="text/javascript">
  12. var elements = document.getElementsByTagName("li");                              
  13.         for (var i=0; i<elements.length; i++){
  14.              
  15.             var UnBoton = document.createTextNode ('<input type="button" name="boton7" value=" 7 ">');
  16.             
  17.             elements[i].appendChild(UnBoton);
  18.         }
  19. </script>
  20.  
  21.  
  22. <form action="registrardatos.php" method="post">
  23. <h1>Resultado:<h1>
  24. <input type="button" name="boton7" value=" 7 ">
  25. <input type="button" name="boton8" value=" 8 ">
  26.  
  27. <input type="button" name="boton9" value=" 9 ">
  28.  
  29. <input type="button" name="botondiv" value=" / ">
  30. <br>
  31. <input type="button" name="boton4" value=" 4 ">
  32. <input type="button" name="boton5" value=" 5 ">
  33. <input type="button" name="boton6" value=" 6 ">
  34. <input type="button" name="botondiv" value=" * ">
  35. <br>
  36. <input type="button" name="boton1" value=" 1 ">
  37. <input type="button" name="boton2" value=" 2 ">
  38. <input type="button" name="boton3" value=" 3 ">
  39. <input type="button" name="botonmas" value=" + ">
  40. <br>
  41. <input type="button" name="boton0" value=" 0 ">
  42. <input type="button" name="botonigual" value=" = ">
  43. <input type="button" name="botonmenos" value=" - ">
  44. </form>
  45.  
  46. <ul>
  47. <li>
  48. <input type="button" name="boton7" value=" 7 ">
  49.  
  50. </li>
  51. </ul>
  52. </body>
  53. </html>
La parte de html de este código funciona bien, sin problemas. La parte de javascript no funciona y no sé por qué.
Si abro la página con el firefox sin la parte de javascript y luego a través del shell pruebo la parte de javascript funciona... pero así tal cual está no funciona.. no lo entiendo.. debería ser igual.. no lo sé.
Luego además, como se ve en el código, lo que quiero es insertar el código html para poner un botón pero cuando lo pruebo en el shell aparec el código en html pero no interpretado con el navegador.. por lo que no aparece el botón...
Gracias a cualquiera que pueda orientarme en estas dos cuestiones :)