Ver Mensaje Individual
  #3 (permalink)  
Antiguo 28/06/2014, 19:12
Avatar de Italico76
Italico76
 
Fecha de Ingreso: abril-2007
Mensajes: 3.303
Antigüedad: 17 años, 8 meses
Puntos: 292
Respuesta: Agregar varios elementos con getElementById

Es cierto lo que dice @Triby de que el onClick esta mal, yo lo haria asi:

Código Javascript:
Ver original
  1. <input type="button" onClick="addElement('proceso','h1'); addElement('rafaga','h2');" value="Agregar Proceso"/>

y el JS este:

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.  
  3.             function addElement(id,elem){
  4.  
  5.                 var capa= document.getElementById("capa");
  6.                 var elem    = document.createElement(elem);
  7.                                            
  8.                 elem.innerHTML = document.getElementById(id).value;                
  9.                 capa.appendChild(elem);                
  10.             }
  11.  
  12.         </script>


COMPLETO:

Código Javascript:
Ver original
  1. <html>
  2.     <head>
  3.         <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  4.         <title>Crear elemento HTML</title>
  5.     </head>
  6.     <body>
  7.         <div id="capa">
  8.         </div>
  9.         <form>
  10.             <label for="proceso">Texto:</label><input id="proceso" type="text" size=40/><br/>
  11.             <label for="rafaga">Texto:</label><input id="rafaga" type="text" size=40/><br/>
  12.             <label for="llegada">Texto:</label><input id="llegada" type="text" size=40/><br/>
  13.             <label for="prioridad">Texto:</label><input id="prioridad" type="text" size=40/><br/>
  14.             <input type="button" onClick="addElement('proceso','h1'); addElement('rafaga','h2');" value="Agregar Proceso"/>
  15.         </form>
  16.  
  17.      </body>
  18. </html>
  19.  
  20.        <script type="text/javascript">
  21.  
  22.             function addElement(id,elem){
  23.  
  24.                 var capa= document.getElementById("capa");
  25.                 var elem    = document.createElement(elem);
  26.                                            
  27.                 elem.innerHTML = document.getElementById(id).value;                
  28.                 capa.appendChild(elem);                
  29.             }
  30.  
  31.         </script>
__________________
Salu2!

Última edición por Italico76; 28/06/2014 a las 21:13