尼古拉斯-永 2022-09-25 11:23 采纳率: 100%
浏览 37
已结题

JavaScript基础,前端

代码如下

<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为什么没有效果

  • 写回答

2条回答 默认 最新

  • MAXLZ 2022-09-25 11:40
    关注

    display拼错了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 9月25日
  • 已采纳回答 9月25日
  • 创建了问题 9月25日

悬赏问题

  • ¥20 bash代码推送不上去 git fetch origin master #失败了
  • ¥15 LOL外服加入了反作弊系统,现在游戏录像rofl文件离线都无法打开
  • ¥45 工程软件单片机设计课题要求
  • ¥15 在centos7安装conda
  • ¥15 c#调用yolo3 dll文件获取的数据对不上
  • ¥20 WPF 如何实现多语言,label 和cs(live Charts)中是否都能翻译
  • ¥15 STM32F103上电短路问题
  • ¥15 关于#单片机#的问题:以ATMEGA128或相近型号单片机为控制器设计直流电机调速的闭环控制系统(相关搜索:设计报告|软件设计|流程图)
  • ¥15 打开软件提示错误:failed to get wglChoosePixelFormatARB
  • ¥15 (标签-python|关键词-char)