Question:
this.querySelector('.down_img') produces the following HTML tag code:
<img src="fr_2.png" class="down_img">
But this.querySelector('.down_img').attr('src') says:
this.querySelector(…).attr is not a function
I need to take the value from src and compare it to the string fr_2.png .
Answer:
window.onload = function () { // При загрузке документа let val = document.querySelector('.down_img'); // Получаем элемент с классом. let src = val.src; // Получаем его src // Надо уточнить, что src всегда указывается относительно пути. Например http://localhost:63343/help/fr_2.png // Соответственно нам необходимо получить именно название файла let name = src.split('/').pop(); // Разбиваем по / и получаем последнее значение if(name == 'fr_2.png'){ // Проверяем название файла. Если совпадает с нужным значением то... console.log('Найден такой элемент'); // Например выводим в консоль (Тут можете добавить свои действия). } } <img src="fr_2.png" class="down_img">