开发者

info on javascript document.createElement()

开发者 https://www.devze.com 2022-12-16 22:30 出处:网络
How do I create the following markup using JavaScript\'s document开发者_StackOverflow社区.createElement function?

How do I create the following markup using JavaScript's document开发者_StackOverflow社区.createElement function?

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


Here is some code to create your input box:

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

To add it to a <form> with id="myform" you could do this:

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

FYI: Your <input> doesn't have a name attribute. If you're planning on submitting it as part of a form and processing it on the server side, you should probably include one.


Using DOM methods:

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

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


Empty values, here, are equal to not setting them, so i won't:

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

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


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

It's not necessary to set the other two properties since they would start as nothing anyway.

0

精彩评论

暂无评论...
验证码 换一张
取 消