<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="Button 1" /><br / > <br><input type="button" name="input[]" value="Button 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번째 버튼에 바인딩하고 경고 <br>inputs[0].onclick = function(){ <br>alert("Let me test it") <br> <br>// 각 버튼에 대한 onclick 이벤트 바인딩, 경고 <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>// 루프에 두 개의 입력 추가 type="button" value="New" i <BR>var input = document.createElement("input"); <BR>input.type = "button"; <BR>input.value = "New" i <BR>// 생성된 입력을 arrs <BR>arrs.push(input); <BR>// 그런 다음 id="add" <BR>document.getElementById("add").appendChild(input)를 사용하여 입력을 입력합니다. } <BR><BR>// 이벤트를 바인딩하려면 [0].onclick도 사용하세요. 그래도 문제 없습니다. <br>arrs[0].onclick=function(){ <br>alert("다시 테스트하겠습니다. "); <BR>} <BR><BR>}<br></script> <br><br> </div>