información en javascript document.createElement()

Question

¿Cómo creo el siguiente marcado utilizando la función document.createElement de JavaScript?

<input type="hidden" value="" id="" /> 

Answer 1

Aquí hay un código para crear el cuadro de entrada:

var element = document.createElement('input'); 
element.type = 'hidden'; 
element.value = ''; 
element.id = ''; 

para agregarlo a un <form> con id="myform" usted puede hacer esto:

var myform = document.getElementById('myform'); 
myform.appendChild(element); 

FYI: Su <input> doesn' t tiene un atributo name. Si planea enviarlo como parte de un formulario y procesarlo en el servidor, probablemente debería incluir uno.

Answer 2

valores vacíos, aquí, son iguales a no establecer ellos, así que no voy:

var input = document.createElement('input'); 
input.type = 'hidden'; 

document.body.appendChild(input); // or append it anywhere else... 

Answer 3

var inputTag = document.createElement("input"); 
inputTag.type = "hidden"; 

No es necesario ajustar las otras dos propiedades, ya que comenzarían como nada de todos modos.

Answer 4

Usando métodos DOM:

var input = document.createElement("input"); 
input.setAttribute("type", "hidden"); 
input.setAttribute("value", ""); 
input.setAttribute("id", ""); 

document.getElementById("the-form-id").appendChild(input);