<input type="button" value="继续添加" onclick="append();"/ >
<div id="div1" >
<input type="file" name="file1" >
<div >
<script language="javascript" >
var index=1;
function append()
{
var div =document.getElementById("div1");
var file=document.createElement("input");
file.setAttribute("type","file");
index++;
var name=file+index;
file.setAttribute("name",name);
div.appendChild(file);
var br=document.createElement("br");//换行
div.appendChild(br);
}
<div id="div1" >
<input type="file" name="file1" >
<div >
<script language="javascript" >
var index=1;
function append()
{
var div =document.getElementById("div1");
var file=document.createElement("input");
file.setAttribute("type","file");
index++;
var name=file+index;
file.setAttribute("name",name);
div.appendChild(file);
var br=document.createElement("br");//换行
div.appendChild(br);
}
</script >
本文转自博客园知识天地的博客，原文链接：JS动态增加页面上的控件实例，如需转载请自行联系原博主。
