js button onclick

作者：终生卟离发布日期:2025-07-25 浏览:60

<!DOCTYPE html>
<html>
<head>
    <title>JS Button Onclick Example</title>
</head>
<body>

<button id="myButton">Click Me!</button>
<p id="demo"></p>

<script>
// 获取按钮元素
var btn = document.getElementById("myButton");

// 添加点击事件监听器
btn.onclick = function() {
    // 当按钮被点击时，修改段落文本
    document.getElementById("demo").innerHTML = "按钮被点击了！";
};
</script>

</body>
</html>

解释说明：

HTML 部分:
- 创建了一个按钮 (<button>) 和一个段落 (<p>)。
- 按钮的 id 是 myButton，段落的 id 是 demo。
JavaScript 部分:
- 使用 document.getElementById 获取按钮元素并存储在变量 btn 中。
- 为按钮添加 onclick 事件监听器，当按钮被点击时，触发函数。
- 在函数中，使用 document.getElementById("demo").innerHTML 修改段落的内容为 "按钮被点击了！"。

上一篇：js 唯一id

下一篇：js onclick覆盖