javascript - 我很困惑，我的代码不断出现此错误 “Uncaught TypeError: document.getElementById(…) is null”，我在做什么错了

This question already has answers here:

Why does jQuery or a DOM method such as getElementById not find the element?

(9个答案)

2个月前关闭。

我试图使用代码来创建一个子导航菜单，我以为我找到了解决方案，但我不断收到错误消息。请有人告诉我我想念的东西，谢谢!
(P.S我知道我的代码不是最好的，但是请减少一点懈怠，我只是16岁，试图赚钱)
的HTML

    <div id="navSidepanel" class="sidepanel">
      <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
      <a href="#"><button class="openbtn" onclick="openNav(1)">Socials</button></a>
      <a href="#">Services</a>
      <a href="#">Clients</a>
      <a href="#">Contact</a>
    </div>
    
    <button class="openbtn" onclick="openNav(0)">&#9776;</button>

Java脚本

function openNav(x) {   
  if(x = 0){
    console.log("Opened first Nav")
    document.getElementById("navSidepanel").style.width = "100%";
    }
    
    else {
      document.getElementById("navSidepanel2").style.width = "100%";
    }
  }


  /* Set the width of the sidebar to 0 (hide it) */
function closeNav() {
  document.getElementById("navSidepanel").style.width = "0";
}

最佳答案

您没有ID为navSidePanel2的元素，因此该函数返回null。将该id添加到元素中，它将起作用。确保defer属性在脚本上，或者在正文的末尾。

关于javascript - 我很困惑，我的代码不断出现此错误 “Uncaught TypeError: document.getElementById(…) is null”，我在做什么错了，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/64999449/

上一篇：c# - 构建时抑制未处理的错误C#

下一篇：javascript - 在原生 Error 对象的构造中调用函数

相关文章：

javascript - 链接点击热图，只有一种功能适用于所有人

php - 检查元素的数量是否等于特定数量 PHP

python - 为什么这会导致错误[E0001 :invalid syntax (<string>)] in python 3

javascript - 在javascript中动态修改蒙版高度

javascript - 使用 DOM 在图像上嵌入按钮

javascript - JQuery 存储数据以便稍后检查

Android:如何从 TextView 链接本地 HTML 文件

html - ASP :Menu children stays visible

oracle - PLS-00103在CASE中遇到符号 “”错误

php - T_String解析错误