<div class="codetitle"> <span><a style="CURSOR: pointer" data="48057" class="copybut" id="copybut48057" onclick="doCopy('code48057')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code48057"> <br></pre><pre name="code " class= "javascript"><html> <br><body> <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></body> <br> </ html> <br><br><script type="text/javascript"> <br><br>// getElementsByTagName を通じて入力コントロールを取得します <br>var inputs =document.getElementsByTagName("input") ); <br>// onclick イベントを 0 番目のボタンにバインドし、alert <br>inputs[0].onclick = function(){ <br>alert("Let me test it"); > <br>// 各ボタンの 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>// ループに 2 つの入力を追加します type="button" value="New" i <BR>var input = document.createElement("input"); <BR>input.type = "button"; <BR>input.value = "New" i; arrs <BR>arrs.push(input); <BR>// 次に、id="add" <BR>document.getElementById("add").appendChild(input); で入力を div に入れます。 } <BR><BR>// [0].onclick を使用してイベントをバインドしても問題ありません <BR>arrs[0].onclick=function(){ <BR>alert("もう一度テストします"); <br>} <br><BR>}<BR></script> <br><br> </div>