给网页中某些元素赋动作（给input标签赋onclick方法getElementsByTagName）

最新推荐文章于 2023-02-04 11:41:37 发布

pvfhv

最新推荐文章于 2023-02-04 11:41:37 发布

阅读量2.3k

点赞数

分类专栏： javascript 文章标签： input button function

本文链接：https://blog.csdn.net/pvfhv/article/details/6172824

版权

javascript 专栏收录该内容

66 篇文章 0 订阅

订阅专栏

window.onload = function () {
            var inputs = document.getElementsByTagName("input");
            //alert(inputs instanceof Array);//false

            for (var i = 0; i < inputs.length; i++) {
                var input = inputs[i];
                if (input.type == "button") {
                    input.onclick = btnClick;
                }
            }
        }

        function btnClick() {
            var inputs = document.getElementsByTagName("input");
            for (var i = 0; i < inputs.length; i++) {
                if (inputs[i].type == "button") {
                    inputs[i].value = "哈哈";
                }
            }

            //兼容IE和FF
            var e;
            if (typeof (event) == "undefined") {
                e = arguments[0];
            } else {
                e = event;
            }

            if (e.target) {
                e.target.value = "呜呜";
            } else {
                window.event.srcElement.value = "呜呜";
            }
        }

内容如下：

<input type="button" value="哈哈" /><br />
    <input type="button" value="哈哈" /><br />
    <input type="button" value="哈哈" /><br />
    <input type="button" value="哈哈" /><br />
    <input type="button" value="哈哈" /><br />
    <input type="button" value="哈哈" /><br />
    <input type="button" value="哈哈" /><br />
    <input type="text" /><br />
    <input type="text" /><br />