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

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')) {
  ...
}