样式
.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';
}