Document.querySelector（）是否可以根据SRC文件名（而不是完整URL）查找IMG元素？

Question

我当前正在使用document.querySelector()在当前页面上查找IMG元素，通过提供该SRC元素的IMG属性值。

例如，我使用此行：

var E =document.querySelector("img[src='https://images.website.com/folder1/folder2/12345.gif']");

可以看出，在此示例中，对于SRC属性中指定的图像，我具有完整URL，然后将完整的网址提供给document.querySelector()。

我现在需要稍微改善一下：

在某些情况下，我只知道图像的文件名，并且URL的“文件夹”部分可能会更改，并且我不知道。

所以我的问题是：我可以使用document.querySelector()在当前页面上查找IMG元素，当我只知道图像URL的FileName部分时？

在上面的示例中，这意味着我有“ 12345.gif”，但我不知道folder1，folder2的名称。]

Answer 1

属性可以用不同的符号匹配。

[attr] // attribute itself
[attr=value] // is value
[attr~=value] // contains a word containing value
[attr|=value] // contains a complete word value
[attr^=value] // begins with value
[attr$=value] // ends with value
[attr*=value] // contains a part of value

在您的示例中，检查[src$=12345.gif]