Javascript 为什么getElementById返回null

当我按下图像时，我想将一个类添加到另一个HTML元素中

HTML:

---

在Firefox上，我得到了TypeError：当我向元素添加addEventListener时，hamburger是空的。有什么建议吗？

您必须在创建元素后添加事件侦听器。因此，请使用window.onload：

window.onload=函数{ var navigation_bar=document.getElementById'nav'； var isChecked=false； var hamburger=document.getElementByIdhamburger-menu； hamburger.AddEventListener单击，函数{ 如果！我检查过了{ 导航_bar.classList.addshow； console.logok } }; }

---

nav创建元素后，必须添加事件侦听器。因此，请使用window.onload：

window.onload=函数{ var navigation_bar=document.getElementById'nav'； var isChecked=false； var hamburger=document.getElementByIdhamburger-menu； hamburger.AddEventListener单击，函数{ 如果！我检查过了{ 导航_bar.classList.addshow； console.logok } }; }

---

navCan you create a Codepen？最可能的问题：Can you create a Codepen？最可能的问题：

<img src="images/hamburger_menu.svg" alt="Hamburger menu" class="header__hamburger" id="hamburger-menu">

var navigation_bar = document.getElementById('nav');
var isChecked = false;
var hamburger = document.getElementById("hamburger-menu");

hamburger.addEventListener("click", function(){
    if(!isChecked){
        navigation_bar.classList.add("show");
    }
});