关闭广告小案例

原理：当点击“删除”按钮时，广告消失

思路：

当鼠标点击“关闭”按钮后找到其父元素

将父元素删除

删除父元素可利用找到其父元素的父元素(parentNode)，然后再removeChild删除父元素即可

        * {
            margin: 0;
            padding: 0;
        }
        
        .ad {
            position: fixed;
            left: 0;
            bottom: 0;
        }
        
        .ad>img:first-child {
            position: absolute;
            right: 0;
            top: -17px;
        }

    <div class="ad">
        <img src="images/close.jpg" alt="">
        <img src="images/sina-ad.png" alt="">
    </div>
    <script>
        const oImgBtn = document.querySelector(".ad>img:first-child");

        oImgBtn.addEventListener('click', function() {
            //1.找到按钮的父元素
            const oDiv = this.parentNode;

            //2.删除广告元素
            oDiv.parentNode.removeChild(oDiv);
        });
    </script>