javascript - 从已知来源获取 img 元素

Question

假设我在网页中有一个img标签如下

<img src = "https://www.google.com">

有没有办法让我在 javascript 中通过 src 获取这个元素？所以像 document.elementFromSrc() 之类的东西？得到这个img元素后的目标就是找到x和y坐标之类的

Answer 1

如果您无法添加 ID，您可以:

var allImages = document.getElementsByTagName("img");
var target;
for(var i = 0, max = allImages.length; i < max; i++)
    if (allImages[i].src === "https://www.google.com"){
       target = allImages[i];
       break;
    }

但理想情况下，您只需向此 img 添加一个 id，然后使用 document.getElementById 获取它