JS：加載圖像

Question

我想讓一個事件監聽器說圖像已經加載。 我有下面的代碼，但我有此錯誤：「myImage.addEventListener是不是一個函數」

const myImage = document.querySelectorAll("img"); 

myImage.addEventListener("load", function(){ 
    console.log("OK"); 
}); 

你能告訴我是什麼問題？ 謝謝

Answer 1

const myImage = document.querySelectorAll("img")[0]; 

你選擇了你的形象。但它返回一個數組。

從文檔：

返回從元件 在其上調用的CSS 選擇器的指定的組相匹配的後代的所有元素的非實時節點列表。 （基底元件本身不包括在內，即使它 匹配。）

MDN docs

Answer 2

試試這個：

const myImage = $("img"); 

myImage.on("load", function(){ 

    console.log("OK"); 

});