简单的为按钮添加点击事件

*初级小白*~

于 2020-09-27 15:20:34 发布

阅读量1.3k

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/ScumStudy/article/details/108828811

版权

JavaScript 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了如何使用JavaScript简单地为网页中的按钮元素添加点击事件，以便在用户点击按钮时触发特定的功能或操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简单的为按钮添加点击事件

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>

</head>

<body>
    <button id="btn">点击</button>
    <div id="demo" style="display: none;">这是一个惊喜！</div>
    <script>
        function show() {
            let oBtn = document.getElementById("btn");
            let oDemo = document.getElementById("demo");
            oBtn.onclick = function() {
                oDemo.style.display = 'block';
            }
        }
        show('btn', 'demo');
    </script>
</body>

</html>