將 html 元素添加到 EventListener 屁股回調函數中

Question

我有一個按鈕，我想將文件中的一些數據作為回調函數添加到事件偵聽器中

function jokesFunc(){
const allJokes = jokes.getJokes().map(joke => "<li>"+joke+"</li>");
document.getElementById("jokes").innerHTML = allJokes.join("");
};


document.getElementById("container").addEventListener('click', jokesFunc)

在這里我做了一個回調函數，它應該在點擊按鈕時顯示笑話，但它說：

 Cannot read property 'addEventListener' of null

即使很難，我的 HTML 代碼中有一個帶有容器 ID 的元素

我做了一個函數，它在我的“容器”div 中添加“笑話”元素，每當它被點擊時，但由於它是一個匿名函數，我如何傳入回調函數？

Answer 1

如果您確定文檔中存在#container，那么這是一個微妙的問題。 請我沒有解決方案，但可以幫助您弄清楚發生了什么的指南。 (1) 檢查是否有任何其他 id 可以與您的所有代碼一起出售 (2) 注釋掉您的所有代碼並檢查您是否可以選擇一個 id 並為其添加事件監聽器。 請注意，如果您將事件偵聽器添加到頁面加載期間不可用的元素，則 js 將拋出錯誤。 通過運行文件檢查常量 allJokes 是否具有值（檢查它）