点击哈哈其他呜呜(this.value)

最新推荐文章于 2024-08-13 16:57:02 发布

原创最新推荐文章于 2024-08-13 16:57:02 发布 · 151 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#点击哈哈其他呜呜(this.value)

Javascript、JQuery练习专栏收录该内容

69 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的示例，该示例能够批量修改网页上所有按钮的默认显示值，并在点击特定按钮后改变其自身显示值。通过遍历获取页面上的所有输入元素并检查类型为'button'的元素，实现了动态修改按钮值的功能。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
</head>
<body>
    <input id="btn1" type="button" name="btn" value="哈哈" />
    <input id="btn2" type="button" name="btn" value="哈哈" />
    <input id="btn3" type="button" name="btn" value="哈哈" />
    <input id="btn4" type="button" name="btn" value="哈哈" />
    <input id="btn5" type="button" name="btn" value="哈哈" />
    <script type="text/javascript">
        window.onload = function () {
            var inputs = document.getElementsByTagName('input');
            for (var i = 0; i < inputs.length; i++)
            {
                if (inputs[i].type == 'button')
                {
                    inputs[i].onclick = function () {
                        for (var j = 0; j < inputs.length; j++)
                        {
                            if (inputs[j].type == 'button')
                            {
                                inputs[j].value = '哈哈';
                            }
                        }
                        this.value = '呜呜';
                    };
                }
            }
        };
    </script>
</body>
</html>