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

可以看出，在这个例子中，我有 完整的 URL 用于在 SRC 属性中指定的图像，
我把完整的 URL 给 document.querySelector().

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

有些情况下我只知道图像的文件名,
URL 的文件夹部分可能会改变，我不知道。

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

的文件名部分时

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

document.querySelector() 可以根据 SRC 文件名（而不是完整的 URL）找到 IMG 元素吗？

Can document.querySelector() Find an IMG Element According to a SRC FileName (instead of full URL)?

javascript

dom

jquery-selectors