我想各位在很多网站上都看到过类似的效果!
1、先用document.createElement方法创建一个input元素！
复制代码 代码如下:
varnewInput=document.createElement("input");
2、设定相关属性，如name,type等
复制代码 代码如下:
newInput.type=mytype;
newInput.name="input1";
3、用appendChild方法,将元素追加到某个标签内容中！
复制代码 代码如下:
TemO.appendChild(newInput);
Javascrip核心代码：
复制代码 代码如下:
functionAddElement(mytype){
varmytype,TemO=document.getElementById("add");
varnewInput=document.createElement("input");
newInput.type=mytype;
newInput.name="input1";
TemO.appendChild(newInput);
varnewline=document.createElement("br");//创建一个BR标签是为能够换行！
TemO.appendChild(newline);
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
