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"); 

});