js onclick

作者：淡漠伤悲发布日期:2025-09-07 浏览:46

<!DOCTYPE html>
<html>
<body>

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

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

// 为按钮添加点击事件监听器
btn.onclick = function() {
    // 当按钮被点击时，修改段落内容
    document.getElementById("demo").innerHTML = "你点击了按钮!";
};

</script>

</body>
</html>

解释说明：

onclick 是一个事件处理程序属性，用于指定当用户点击某个元素时要执行的 JavaScript 代码。
在这个示例中，我们通过 document.getElementById 获取按钮元素，并为其 onclick 属性赋值一个匿名函数。当按钮被点击时，该函数会被触发，修改页面中 <p> 元素的内容。

上一篇：js input change

下一篇：js onclick事件