• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

JavaScript对象为空问题

武飞扬头像
锦鲤大仙
帮助1

Uncaught TypeError: Cannot read properties of null (reading 'style')

改了一下午,也找不到错误点

后来发现要写成id,不能是自定义的变量

  1.  
    HTML:
  2.  
    <div class="tab">
  3.  
    <!-- 电脑图 -->
  4.  
    <div id="computer_img" class="computer_img1" onmouSEO((Search Engine Optimization))ver='onMouseOver()' onclick="changePage('computer')">
  5.  
    <img src="../实验/images/电脑.png" style="width: 72px;" alt="">
  6.  
    </div>
  7.  
    <!-- 二维码图 -->
  8.  
    <div id="code_img" class="code_img1" onmouSEO((Search Engine Optimization))ver='onMouseOver()' onclick="changePage('code')">
  9.  
    <img src="../实验/images/二维码.png" style="width: 72px;" alt="">
  10.  
    </div>
  11.  
    </div>
  1.  
    CSS:
  2.  
    /* 密码登录--图标是二维码,默认展示 */
  3.  
    .computer_img1{
  4.  
    position: absolute;
  5.  
    right: 0;
  6.  
    top: 0;
  7.  
    width: 100%;
  8.  
    height: 100%;
  9.  
    cursor: pointer;
  10.  
    display: none;
  11.  
    }
  12.  
    /* 扫码登陆--图标是电脑,默认隐藏 */
  13.  
    .code_img1{
  14.  
    position: absolute;
  15.  
    right: 0;
  16.  
    top: 0;
  17.  
    width: 100%;
  18.  
    height: 100%;
  19.  
    cursor: pointer;
  20.  
    display: block;
  21.  
    }
学新通

错误代码:

  1.  
    // 切换界面
  2.  
    function changePage(val){
  3.  
    var app = document.getElementById("computer");//点的是电脑
  4.  
    var normal = document.getElementById("code");//点的是二维码
  5.  
    if(val == 'computer'){
  6.  
    console.log("no")
  7.  
    // 切换效果的关键,思路就是将要显示的 z-index 设置为 2
  8.  
    normal.style.display = "block";
  9.  
    app.style.display = "none";
  10.  
    // 将要隐藏的盒子的 display 设置为 none
  11.  
    }
  12.  
    else if(val == 'code'){
  13.  
    console.log("yes")
  14.  
    normal.style.display = 'none'; // 同上
  15.  
    app.style.display = 'block';
  16.  
    }
  17.  
    }
学新通

学新通

 正确代码:

  1.  
    // 切换界面
  2.  
    function changePage(val){
  3.  
    var app = document.getElementById("computer");//点的是电脑
  4.  
    var normal = document.getElementById("code");//点的是二维码
  5.  
    if(val == 'computer'){
  6.  
    console.log("no")
  7.  
    // 切换效果的关键,思路就是将要显示的 z-index 设置为 2
  8.  
    code_img.style.display = "block";
  9.  
    computer_img.style.display = "none";
  10.  
    // 将要隐藏的盒子的 display 设置为 none
  11.  
    }
  12.  
    else if(val == 'code'){
  13.  
    console.log("yes")
  14.  
    code_img.style.display = 'none'; // 同上
  15.  
    computer_img.style.display = 'block';
  16.  
    }
  17.  
    }
学新通

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhfkbaka
系列文章
更多 icon
同类精品
更多 icon
继续加载