Как сравнить значение атрибута со строкой?

Question

this.querySelector('.down_img') выдаёт такой HTML код тега:

<img src="fr_2.png" class="down_img">

Но this.querySelector('.down_img').attr('src') говорит:

this.querySelector(...).attr is not a function

Мне надо взять значение из src и сравнить его со строкой fr_2.png.

Answer 1

    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">

Answer 2

const srce = $('img.down_img').attr('src'); // берешь
console.log(srce === 'fr_2.png'); // сравниваешь

БЛОГ НА HUSL

Как сравнить значение атрибута со строкой?

Ответы (2 шт):