我正在向 HTML 元素添加一個事件偵聽器，這樣當您單擊它時會顯示下拉選單，但由于某種原因，我收到Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')錯誤訊息，我不知道如何解決這個問題？
HTML 代碼
<li class = "nav-item projects">
<a class ="nav-link" href="#">Projects
<img class = "down-arrow" src="images/icons/down_arrow_icon.png" alt="Down_arrow_icon">
</a>
</li>
<div class ="project-list">
<ul class="flex-column">
<li class="project-item ">Calculator App</li>
<li class="project-item">Vending Machine App</li>
<li class="project-item">Landing Page</li>
</ul>
</div>
我已將其project-list與主串列分開，因為它本身就是一個單獨的元素。這nav-item projects是導航的一部分，但我只將導航的那部分用于javascripteventListener
JS 事件監聽器
let projects = document.querySelector(".projects");
let projectList = document.querySelector(".project-list")
projects.addEventListener('click', function handleMouseOver(){
if(projects){
projectList.style.display = "block"
}
})
我有
uj5u.com熱心網友回復：
看起來你把你的腳本標簽放在你的 html 元素之前嘗試把它放在它之后
uj5u.com熱心網友回復：
問題是代碼根本沒有讀取.project專案（使用 querySelector）。在執行此腳本時檢查元素是否已加載到 DOM 中（例如，在檔案加載時監聽事件）然后它應該可以作業，確保您的 js 代碼片段位于 body 標記的末尾而不是在頭部或身體標簽結束之前的任何地方。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/474453.html
標籤：javascript