js 点击按钮

作者：—只賣身不賣藝发布日期:2025-10-06 浏览:110

// HTML部分
<button id="myButton">点击我</button>
<p id="demo"></p>

// JavaScript部分
document.getElementById("myButton").addEventListener("click", function() {
    // 当按钮被点击时，执行以下代码
    document.getElementById("demo").innerHTML = "按钮已被点击！";
});

解释说明：

HTML部分:
- 创建了一个按钮元素 (<button>)，并给它一个 id 为 "myButton"。
- 还创建了一个段落元素 (<p>)，用于显示点击按钮后的消息，它的 id 为 "demo"。
JavaScript部分:
- 使用 document.getElementById("myButton") 获取按钮元素，并为其添加一个点击事件监听器 (addEventListener)。
- 当按钮被点击时，触发匿名函数中的代码。
- 在匿名函数中，通过 document.getElementById("demo").innerHTML 修改段落元素的内容为 "按钮已被点击！"。

这样，当用户点击按钮时，页面上的段落会显示一条消息，表明按钮已被点击。

上一篇：js select

下一篇：js 轮播图