코드 사본은 다음과 같습니다.
</pre> <pre name = "code"> <html>
<body>
<입력 유형 = "버튼"이름 = "input []"value = "button1" /> <br />
<입력 유형 = "버튼"이름 = "input []"value = "button2" /> <br />
<입력 유형 = "버튼"이름 = "input []"value = "버튼 3" /> <br />
<div id = "add"> </div>
</body>
</html>
<script type = "text/javaScript">
// getElementsByTagName을 통해 모든 입력 컨트롤을 가져옵니다
var inputs = document.getElementsByTagName ( "input");
// 0 번째 버튼의 OnClick 이벤트 바인드, 알림
입력 [0] .onclick = function () {
경고 ( "테스트 할게");
}
// 각 버튼에 대한 onclick 이벤트를 바인트합니다
for (var i = 0; i <inputs.length; i ++) {
입력 [i] .onclick = function () {
경고 ( "테스트 할게");
}
}
Window.onload = function () {
// 배열 ARRRS를 정의합니다
var arrrs = new Array ();
// 루프 추가
for (var i = 0; i <2; i ++) {
// 두 개의 입력 유형을 추가하십시오 = "버튼"value = "new" +i
var input = document.createElement ( "입력");
input.type = "버튼";
input.value = "추가" + i;
// 생성 된 입력을 ARRRS에 넣는 것을 잊지 마십시오
arrrs.push (입력);
// 그런 다음 id = "add"로 div에 입력을 넣습니다.
document.getElementById ( "add"). AppendChild (입력);
}
// [0]도 사용하여 이벤트를 바인딩하려면 여전히 문제가 없습니다.
arrrs [0] .onclick = function () {
Alert ( "다시 테스트하겠습니다");
}
}
</스크립트>