给js创建的一个input数组绑定click事件

时间：2022-09-06 15:46:37
<html>

    <body>

        <input type="button" name="input[]" value="按钮1" />

        <br />

        <input type="button" name="input[]" value="按钮2" />

        <br />

        <input type="button" name="input[]" value="按钮3" />

        <br />

        <div id="add">

        </div>

    </body>

</html>

<script type="text/javascript">

    // 通过 getElementsByTagName 获得都有 input 控件

    var inputs = document.getElementsByTagName("input");

    // 为第0个button绑定onclick事件，alert一下

    inputs[0].onclick = function() {

        alert("我測试一下");

    }

    // 为每个button绑定onclick事件，alert一下

    for (var i = 0; i < inputs.length; i++) {

        inputs[i].onclick = function() {

            alert("我測试一下");

        }

    }

    window.onload = function() {

        // 定义一个数组 arrs

        var arrs = new Array();

        // 循环加入

        for (var i = 0; i < 2; i++) {

            // 循环加入两个 input type="button" value="新增"+i

            var input = document.createElement("input");

            input.type = "button";

            input.value = "新增" + i;

            // 记得把创建的 input 放入 arrs 中

            arrs.push(input);

            // 然后把 input 放入 id="add" 的div中

            document.getElementById("add").appendChild(input);

        }

        // 相同用 [0].onclick 绑定事件。依旧没有问题

        arrs[0].onclick = function() {

            alert("我又測试一下");

        }

    }

</script>

相关文章