HTML DOM addEventListener() 方法

最新推荐文章于 2023-11-22 23:50:49 发布

转载最新推荐文章于 2023-11-22 23:50:49 发布 · 564 阅读

JavaScript学习专栏收录该内容

14 篇文章

订阅专栏

为 <button> 元素添加点击事件。当用户点击按钮时，在 id="demo" 的 <p> 元素上输出 "Hello World" :

<!DOCTYPE html>
<html>
<body>

<p>该实例使用 addEventListener() 方法来向按钮添加点击事件。</p>

<button id="myBtn">点我</button>

<p id="demo"></p>

<script>
document.getElementById("myBtn").addEventListener("click", function(){
    document.getElementById("demo").innerHTML = "Hello World";
});
</script>

</body>
</html>