javascript - 如何检查元素是否包含图像？

Question

如何检查元素是否包含图像。我不能做这样的事情吗

if(document.getElementById("image").src == myImage.src)

Answer 1

function hasImage(element, src) {
    var images = element.getElementsByTagName("img");
    for (var i = 0; i < images.length; i++) {
        if (images[i].getAttribute("src") == src) {
            return true;
        }
    }
    return false;
}

console.log(hasImage(document.getElementById("image"), myImage.src));

---

如果你的浏览器支持，你可以使用element.querySelector()

var img = document.getElementById("image")
                  .querySelector("img[src='" + myImage.src + "']");
console.log(img ? "Found" : "Not found");