用js 在页面上，设置多个按钮，点击当前按钮时，当前按钮文字变为“哈哈”，其他未点击的按钮文字变为“呜呜”。

最新推荐文章于 2026-04-24 03:56:18 发布

原创最新推荐文章于 2026-04-24 03:56:18 发布 · 4.1k 阅读

7 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript

收录于

js 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个简单的JavaScript练习案例，通过为多个按钮注册点击事件，实现点击后改变按钮的显示文本，展示了基本的DOM操作及事件处理技巧。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js练习四</title>
<script type="text/javascript">
window.onload = function () {
//1.为每个按钮注册单击事件
var inputs = document.getElementsByTagName('input');
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].type == 'button') {
inputs[i].onclick = function () {
for (var c = 0; c < inputs.length; c++) {
// if (inputs[c].type == 'button') {
inputs[c].value = '呜呜';
//}
}
this.value = '哈哈';
};
};
};
};
</script>
</head>
<body>
<input type="button" name="button" value="" id="btn1">
<input type="button" name="button" value="" id="btn2">
<input type="button" name="button" value="" id="btn3">
<input type="button" name="button" value="" id="btn4">
<input type="button" name="button" value="" id="btn5">
</body>
</html>