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

如图

点击按钮改变文字状态。

<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>

posted @ 2014-02-10 21:50 wjshan0808 阅读(284) 评论(0) 收藏举报

刷新页面返回顶部