顯示div onclick無法正常工作

Question

我試圖顯示如下所示的幻燈片： - （http://www.w3schools.com/w3css/w3css_slideshow.asp）位於頂部，當有人點擊「關於我們，但我甚至無法使onclick部分工作。」

到目前爲止，我有： - ？

document.querySelector("p").addEventListener("click", function(){ 
 
    document.querySelector("div").style.display = "block"; 
 
});

#here{ 
 
    display: none; 
 
}

 
<div id="here">Slideshow</div> 
 
<p>About Us</p>

但它不工作的一些原因，有人能告訴我什麼是錯誤的點擊功能我試着給他們每個人的個人資料我不確定還有什麼可以嘗試的。預先感謝您提供的任何幫助。

Answer 1

它應該工作，你腳本的位置是很重要的確保你的腳本您DOM後確定。或者您可以在DOMContentLoaded事件中添加腳本。

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

document.querySelector("p").addEventListener("click", function(){ 
 
    document.querySelector("div").style.display = "block"; 
 
});

#here{display: none;}

<div id="here">Slideshow</div> 
 
<p>About Us</p>