js创建一个input数组并绑定click事件的方法
</pre><prename="code"><html>
<body>
<inputtype="button"name="input[]"value="按钮1"/><br/>
<inputtype="button"name="input[]"value="按钮2"/><br/>
<inputtype="button"name="input[]"value="按钮3"/><br/>
<divid="add"></div>
</body>
</html>
<scripttype="text/javascript">
//通过getElementsByTagName获得都有input控件
varinputs=document.getElementsByTagName("input");
//为第0个button绑定onclick事件，alert一下
inputs[0].onclick=function(){
alert("我测试一下");
}
//为每一个button绑定onclick事件，alert一下
for(vari=0;i<inputs.length;i++){
inputs[i].onclick=function(){
alert("我测试一下");
}
}
window.onload=function(){
//定义一个数组arrs
vararrs=newArray();
//循环添加
for(vari=0;i<2;i++){
//循环添加两个inputtype="button"value="新增"+i
varinput=document.createElement("input");
input.type="button";
input.value="新增"+i;
//记得把创建的input放入arrs中
arrs.push(input);
//然后把input放入id="add"的div中
document.getElementById("add").appendChild(input);
}
//同样用[0].onclick绑定事件，依然没有问题
arrs[0].onclick=function(){
alert("我又测试一下");
}
}
</script>
热门推荐
10 小红书平安祝福语简短
11 生日祝福语大全女孩简短
12 收生日红包祝福语 简短
13 领证幽默祝福语简短
14 法考面试祝福语简短
15 老哥出门祝福语简短语
16 送灯祝福语简短独特
17 幼儿狗年祝福语大全简短
18 好听的元旦简短祝福语