document.querySelector()是否可以根据SRC文件名(而不是完整的URL)查找IMG元素

Question

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

例如，我使用以下行：

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

可以看出，在本例中，我有在SRC属性中指定的图像的完整URL，
并将该完整URL提供给document.querySelector()。

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

在某些情况下，我只知道图像的文件名、
，并且URL的文件夹部分可能会更改，这对我来说是未知的。

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

在上面的例子中，这意味着我有"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]