Js动态生成Input标签

83 阅读 0 评论 55 点赞

我是靠谱客的博主紧张夏天，这篇文章主要介绍Js动态生成Input标签，现在分享给大家，希望可以做个参考。

Js动态生成Input标签

在IE中input.name不能正常赋值：

由于Name属性在不同浏览器赋值不同，所以在操作时应该注意。

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/**生成Input标签**/
function generateInput(type,id,name){
var input;
if(document.all){
if(name != null && name != ""){
input = document.createElement('<input name="' + name + '">');//IE代码
}else{
input = document.createElement('<input');//IE代码
}
}else{
input = document.createElement('input'); //其他
if(name != null && name != ""){
input.name = name;
}
}
if(type == null || type == ""){
type = "text"
}else{
input.type = type;
}
if(id != null && id != ""){
input.id = id;
}
input.value = "";
//document.body.applyElement(input);
document.body.appendChild(input);
};