JavaScript-154：关闭淘宝二维码案例

样式

        .box {
            position: relative;
            width: 300px;
            height: 300px;
            margin: 0 auto;
            border: 1px solid #ccc;
            text-align: center;
            display: block;
            color: red;
        }

        .btn {
            position: absolute;
            top: -1px;
            right: -15px;
            width: 15px;
            height: 15px;
            border: 1px solid #cccccc;
            line-height: 15px;
            font-family: Arial, Helvetica, sans-serif;
        }

结构

    <div class="box">
        <img src="https://www.dataojocloud.com/dataeye/v1/data/image/get?imageid=617a559d2ee1bd5a04779569" alt="">
        <i class="btn">X</i>
    </div>

JS

        var btn = document.querySelector('i');
        var div = document.querySelector('div');
        btn.onclick = function ()
        {
            div.style.display = 'none';
        }