要求：

当鼠标点击二维码关闭按钮的时候，则关闭整个二维码。
仿淘宝关闭二维码.png

核心思路：

①利用样式的显示和隐藏完成，display:none;隐藏元素，display:block;显示元素。
②点击按钮，就让这个盒子隐藏起来。

  1. <style><br />        *{<br />            margin: 0;<br />            padding: 0;<br />        }<br />        .box{<br />            position: relative;<br />            width: 74px;<br />            height: 88px;<br />            border: 1pxsolid#ccc;<br />            margin: 100pxauto;<br />            font-size: 12px;<br />            text-align: center;<br />            color: #f40;<br />            /* display: block; */<br />        }<br />        .box>img{<br />            width: 60px;<br />            margin-top: 5px;<br />        }<br />        .close-btn{<br />            position: absolute;<br />            top: -1px;<br />            left: -16px;<br />            width: 14px;<br />            height: 14px;<br />            border: 1pxsolid#ccc;<br />            line-height: 14px;<br />            font-family: Arial, Helvetica, sans-serif;<br />            cursor: pointer;<br />        }<br />    </style><br /></head><br /><body><br />    <div class="box"><br />        淘宝二维码<br />        <img src="./img/img一、4.08/tao.png" alt=""><br />        <i class="close-btn">×</i><br />    </div><br />    <script><br />        //获取元素<br />        var box = document.getElementsByClassName('box');<br />        var btn = document.getElementsByClassName('close-btn');<br />        console.log(btn);<br />        console.log(box);<br />        //绑定事件，处理程序<br />        btn[0].onclick = function () {<br />            box[0].style.display = 'none';<br />        }<br />    </script><br /></body>

.