Может ли document.querySelector () найти элемент IMG в соответствии с SR C FileName (вместо полного URL-адреса)?

Question

В настоящее время я использую document.querySelector() для поиска элемента IMG на текущей странице,
путем предоставления значения SRC атрибута этого IMG элемента.

Например, я используйте эту строку:

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

Как видно, в этом примере у меня есть полный URL для изображения, которое указано в атрибуте SRC,
и I дайте этот полный URL-адрес document.querySelector().

Теперь мне нужно немного улучшить это:

Бывают случаи, когда я знаю только Имя файла изображения ,
и часть URL-адреса папок может измениться и мне неизвестна.

Итак, мой вопрос:
Могу ли я использовать document.querySelector() для поиска элемента IMG на текущей странице,
когда я знаю только часть FileName 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]