Question

使用js添加标签

有这样一个需求，我在html页面写了一个div：
<a onclick='addimg'>添加图片</a>
<div class='addimg'>
</div>
现在需要写一个js（当然越简单、越容易看得明白越好），效果如下：
1、当我点击了一下<a onclick='addimg'>添加图片</a>这个，那么在<div class='addimg'>这个div里面添加一个<input type='file' name='a1'/>标签。
2、当然，如果我再次点击<a onclick='addimg'>添加图片</a>，那么自动又在<div class='addimg'>添加多一个上传标签，但此次就变成<input type='file' name='a2'/>。
3、也就是说，每次点击<a onclick='addimg'>添加图片</a>，就会在div上添加一个上传的input，但每添加一次input，input标签中的name属性的值就变成a1、a2、a3....a n
现在想请js大神们写一个能够实现以上效果的js

Answer 1

<a onclick='addimg();'>添加图片</a>
<div class='addimg'></div>
<script>
var i=0,div=document.getElementsByTagName("div")[0];
function addimg(){
    var input=document.createElement("input");//创建input
    input.setAttribute("type","file");//设置type属性
    input.setAttribute("name","a"+(++i));//设置name属性
    div.appendChild(input);//插入到div内
};
</script>

Answer 2

用jquery写吧，也方便你实现其它的，引如jquery的基本包就行，网上随便下就有，很好实现

var i=1;
function addimg(){
$(".addimg").append("<input type=\"file\" name=\"a"+i+"\"/>");
i++;
}
 必须引入jquery.js

Answer 3

楼上两个的方法是对嘚