代码如下
<body>
<div class="box">
淘宝二维码
<img src="images/tao.png" alt="">
<i class="close-btn">×</i>
</div>
<script>
var btn = document.querySelector('.close-btn');
var box = document.querySelector('.box');
console.log(btn);
console.log(box);
btn.onclick = function() {
box.style.dispaly = 'none';
}
</script>
</body>
一个二维码图片旁边有x
想实现的效果是点击x就把图片隐藏掉
我先获取了btn和box元素后,在用btn调用js里的onclick,运行后代码没有效果,然而btn和box元素我输出了一下,结构是都获取到了
想问一下btn.onclick为什么没有效果