网页元素遍历之“呜呜”“哈哈”

如图

点击按钮改变文字状态。

<body>
    <input type="button" name="name" value="哈哈" />
    <input type="button" name="name" value="哈哈" />
    <input type="button" name="name" value="哈哈" />
    <input type="button" name="name" value="哈哈" />
    <input type="button" name="name" value="哈哈" />
    <input type="button" name="name" value="哈哈" />
    <input type="button" name="name" value="哈哈" />
    <input type="button" name="name" value="哈哈" /><input type="button" name="name" value="哈哈" />
</body>
<script type="text/javascript">
    var haha = function (id) {
        var arrEle = document.getElementsByName(‘name‘);
        for (var i = 0; i < arrEle.length; i++) {
            if (arrEle[i].id != id)
                arrEle[i].value = "哈哈";
        }
    }
    var wuwu = function () {
        this.value = "呜呜";
        //哈哈
        haha(this.id);
    }
    var ID = 0;
    var arrID = function () {
        var arrEle = document.getElementsByName(‘name‘);
        for (var i = 0; i < arrEle.length; i++) {
            arrEle[i].id = ID++;
            arrEle[i].onclick = wuwu;
        }
    };
    arrID();
</script>

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。