本文介绍如何在JavaScript中动态创建多个input按钮，并将它们存入数组。通过document.createElement生成元素，利用appendChild添加到指定容器，最后为数组中的每个元素单独绑定onclick事件，实现点击弹窗功能。
JS动态创建Input数组并绑定Click事件的实现
具体实现代码如下所示：
</pre><pre name="code" class="javascript"><html>
<body>
<input type="button" name="input[]" value="按钮1" /><br />
<input type="button" name="input[]" value="按钮2" /><br />
<input type="button" name="input[]" value="按钮3" /><br />
<div id="add"></div>
</body>
</html>
<script type="text/javascript">
// 获取页面上所有的input元素
var inputs =document.getElementsByTagName("input");
// 为第0个button绑定onclick事件，alert一下
inputs[0].onclick = function(){
alert("我测试一下");
}
// 遍历所有按钮，为每个按钮绑定点击事件，触发弹窗提示
for(var i=0;i<inputs.length;i++){
inputs[i].onclick = function(){
alert("我测试一下");
}
}
window.onload = function(){
// 初始化一个数组arrs
var arrs = new Array();
// 执行循环添加操作
for(var i=0;i<2;i++){
// 循环创建两个值为“新增”+i的input type="button"元素
var input = 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>