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

可以看出，在此示例中，我拥有在Attribute 中指定的图像的完整 URLSRC，
并将该完整 URL 提供给document.querySelector().

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

在某些情况下，我只知道 Image 的File Name，
而 URL 的 Folders 部分可能会更改，我不知道。

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

在上面的例子中，这意味着我有“12345.gif”，
但我不知道文件夹 1、文件夹 2 的名称。

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]