亚洲日本欧洲欧美视频,日韩中文字幕有码av,一本一道av中文字幕无码,国产线播放免费人成视频播放,人妻少妇偷人无码视频,日夜啪啪一区二区三区,国产尤物精品自在拍视频首页,久热这里只有精品12

JS監聽DOM創建和銷毀

源碼

web開發指南

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <script>
            var targetNode = document.querySelector("body");
            var observerOptions = {
                childList: true, // 觀察目標子節點的變化，是否有添加或者刪除
                attributes: true, // 觀察屬性變動
                subtree: true // 觀察后代節點，默認為 false
            }

            var observer = new MutationObserver(function(mutationList, observer) {
                mutationList.forEach((mutation) => {
                    console.log(mutation)
                });
                console.log(observer)
            });
            observer.observe(targetNode, observerOptions);

            /**
             * 創建節點
             */
            const createEl = () => {
                let el = document.createElement('div');
                el.className = 'preRenderContainer'
                el.append(new Text('我是動態添加的節點'));
                document.body.append(el)
            }

            /**
             * 刪除節點
             */
            const deleteEl = () => {
                document.getElementsByClassName('preRenderContainer')[0].remove();
            }
        </script>
        <button onclick="createEl()">創建DOM</button>
        <button onclick="deleteEl()">刪除DOM</button>
    </body>
</html>

效果圖

posted @ 2023-03-16 10:33 天葬閱讀(809) 評論(0) 收藏舉報

刷新頁面返回頂部

天葬

JS監聽DOM創建和銷毀

公告