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

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

Answer 2

您是否尝试检查ID为“image”的img标记的src属性是否等于其他img标记？如果是这样，请尝试以下

if (document.getElementById('image').getAttribute('src') === myImage.getAttribute('src)) {
  ...
}

如果您只是想查看它是否具有src属性，那么您可以执行以下操作

if (document.getElementById('image').getAttribute('src')) {
  ...
}