การคัดลอกรหัสมีดังนี้:
</pre> <name pre = "code"> <html>
<body>
<อินพุต type = "button" name = "input []" value = "button1" /> <br />
<input type = "button" name = "input []" value = "button2" /> <br />
<input type = "button" name = "input []" value = "ปุ่ม 3" /> <br />
<div id = "เพิ่ม"> </div>
</body>
</html>
<script type = "text/javascript">
// รับการควบคุมอินพุตทั้งหมดผ่าน getElementsByTagname
var inputs = document.getElementsByTagname ("อินพุต");
// ผูกเหตุการณ์ onclick สำหรับปุ่ม 0, แจ้งเตือน
อินพุต [0] .onclick = function () {
การแจ้งเตือน ("ฉันจะทดสอบ");
-
// ผูกเหตุการณ์ onclick สำหรับแต่ละปุ่มแจ้งเตือน
สำหรับ (var i = 0; i <inputs.length; i ++) {
อินพุต [i] .onclick = function () {
การแจ้งเตือน ("ฉันจะทดสอบ");
-
-
window.onload = function () {
// กำหนดอาร์เรย์อาร์เรย์
var arrrs = array ใหม่ ();
// วนลูปเพิ่มเติม
สำหรับ (var i = 0; i <2; i ++) {
// เพิ่มสองประเภทอินพุต = "ปุ่ม" value = "ใหม่" +i
var input = document.createElement ("input");
input.type = "ปุ่ม";
input.value = "เพิ่ม" + i;
// อย่าลืมใส่อินพุตที่สร้างขึ้นในอาร์เรย์
arrrs.push (อินพุต);
// จากนั้นใส่อินพุตลงใน div ด้วย id = "เพิ่ม"
document.getElementById ("เพิ่ม"). AppendChild (อินพุต);
-
// ใช้ [0] .onclick เพื่อผูกเหตุการณ์ยังไม่มีปัญหา
arrrs [0] .onclick = function () {
การแจ้งเตือน ("ฉันจะทดสอบอีกครั้ง");
-
-
</script>