JS：DOM-事件

_卷心菜_

于 2021-12-21 22:12:59 发布

阅读量51

点赞数

分类专栏： java Web搭建文章标签： javascript 前端

本文链接：https://blog.csdn.net/Thumb_/article/details/122074147

版权

java Web搭建专栏收录该内容

41 篇文章 0 订阅

订阅专栏

在这里插入图片描述

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM-事件</title>
</head>
<body>
    <!-- 
        1.元素
        2.动作
        3.触发的结果
     -->
    
    <!-- （1）事件内嵌在元素中 -->
    <div onclick="alert('helloworld')">按钮</div>

    
    <div id="main">我是main</div>

    <div id="btn">我是btn</div>

    <script>
    // （2）Element.οnclick=function(){displayDate()};
    var main = document.getElementById("main");
    main.onclick = function(){
        alert("main被触发了");
    }
    
    // （3）Element.addEventListener("click", function(){});
    var btn = document.getElementById("btn");
    btn.addEventListener("click", function(){
        alert("btn被触发了")
    })
    </script> 

</body>
</html>

分别点击三句话出现下面弹窗：
在这里插入图片描述

_卷心菜_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS：DOM-事件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>DOM-事件</title></head><body>  <!-- （1）事件内嵌在元素中 -...
复制链接

扫一扫

专栏目录