纯js事件委托模式，委托父元素

最新推荐文章于 2024-08-09 16:54:24 发布

开心大表哥

最新推荐文章于 2024-08-09 16:54:24 发布

阅读量1.8k

点赞数 3

分类专栏： js算法文章标签： j

本文链接：https://blog.csdn.net/a419419/article/details/79116948

版权

js算法专栏收录该内容

41 篇文章 2 订阅

订阅专栏

1.点击前
这里写图片描述
2.点击后

内容代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div id="article">
            <p>文字在这里</p>
        </div>
        <script>
        var article = document.getElementById('article');
            article.onclick=function(){
                var e=e||window.event,
                tar = e.target||e.srcElement;
                console.log(tar)
                if(tar.nodeName.toLowerCase()==='p'){
                    tar.innerHTML='我已经改了文字';
                }
            }
            var p=document.createElement('p');
            p.innerHTML='新增加一个些文字';
            article.appendChild(p);
        </script>
    </body>
</html>