Javascript 显示div onclick不工作

我试图显示一个幻灯片，就像这里显示的一样：-（）当有人点击“关于我们”时，在顶部显示，但我甚至不能让onclick部分工作

到目前为止，我已经：-

document.querySelector（“p”）.addEventListener（“单击”，函数）（）{
document.querySelector（“div”）.style.display=“block”；
})；

#这里{
显示：无；
}

幻灯片
关于我们

它应该会起作用，您的脚本的位置非常重要。请确保您的脚本是在您的DOM之后定义的。或者您可以将脚本添加到

DOMContentLoaded

事件中

document.addEventListener("DOMContentLoaded", function(event) { 
  //script here
});

document.querySelector（“p”）.addEventListener（“单击”，函数）（）{
document.querySelector（“div”）.style.display=“block”；
})；

#此处{显示：无；}

幻灯片放映
关于我们

它应该会起作用，您的脚本的位置非常重要。请确保您的脚本是在您的DOM之后定义的。或者您可以将脚本添加到

DOMContentLoaded

事件中

document.addEventListener("DOMContentLoaded", function(event) { 
  //script here
});

document.querySelector（“p”）.addEventListener（“单击”，函数）（）{
document.querySelector（“div”）.style.display=“block”；
})；

#此处{显示：无；}

幻灯片放映
关于我们

f12将打开开发人员控制台..它将告诉您错误..对我来说，它正在工作！但是请尝试将div替换为javascript

document.querySelector（“#here”）.style.display=“block";});似乎在执行脚本时页面未完全加载F12将打开开发人员控制台。。它会告诉你错误的……对我来说，它起作用了！但是，尝试在javascript
document.querySelector（“#here”）.style.display=“block”}）上用#here替换div执行脚本时，页面似乎没有完全加载