JavaScript事件属性event.target

最新推荐文章于 2023-12-19 11:23:22 发布

和世界不一样，那就不一样！

最新推荐文章于 2023-12-19 11:23:22 发布

阅读量490

点赞数

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

本文链接：https://blog.csdn.net/weixin_44834981/article/details/120349178

版权

javascript 专栏收录该内容

54 篇文章 0 订阅

订阅专栏

JavaScript事件属性event.target

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>hahahhahahha</title>
  </head>
  <style>
    #main {
      width: 200px;
      height: 100px;
      background: red;
    }
  </style>
  <script>
    window.onload = function () {
      document.getElementById("main").onclick = function (e) {
        console.log(e.target);  //<div id="main" class="sb js node"><span>我爱JavaScript</span></div>
        console.log(e.target.id); //main
        console.log(e.target.tagName);  //div
        console.log(e.target.nodeName);  //div
        console.log(e.target.classList);  
        console.log(e.target.className);//sb js node
        console.log(e.target.innerHTML);  //<span>我爱JavaScript</span>
        console.log(e.target.innerText);  //我爱JavaScript
      };
    };
  </script>

  <body>
    <div id="main" class="sb js node"><span>我爱JavaScript</span></div>
  </body>
</html>