js建立一個input數組並綁定click事件的方法_javascript技巧

複製程式碼 程式碼如下:

 <br> <br><input type="button" name="input[]" value="按鈕1"><br> <br><input type="button" name="input[]" value="按鈕2"><br> <br><input type="button" name="input[]" value="按鈕3"><br> <br><br><div id="add"></div> <br> <br> <br><br><script type="text/javascript"> <br><br>// 透過getElementsByTagName 取得都有input 控制項<BR>var inputs =document.getElementsByTagName("input"); <BR>// 為第0個button綁定onclick事件，alert一下<BR>inputs[0] .onclick = function(){ <BR>alert("我測試一下"); <BR>} <br><br>// 為每一個button綁定onclick事件，alert一下<BR>for(var i= 0;i<inputs.length;i ){ <BR>inputs[i].onclick = function(){ <BR>alert("我測試一下"); <BR>} <BR>} <br><br>window.onload = function(){ <BR>// 定義一個陣列arrs <BR>var arrs = new Array(); <BR>// 迴圈加<BR>for(var i=0;i<2; i ){ <BR>// 循環增加兩個input type="button" value="新增" i <BR>var input = document.createElement("input"); <BR>input.type = "button" ; <BR>input.value = "新增" i; <BR>// 記得把創建的input 放入arrs 中<BR>arrs.push(input); <BR>// 然後把input 放入id= "add" 的div中<BR>document.getElementById("add").appendChild(input); <BR>} <br><br>// 同樣用[0].onclick 綁定事件，依然沒有問題<BR>arrs[0].onclick=function(){ <BR>alert("我再測試一下"); <BR>} <br><br>}<BR></script> <br>