Как получить img src?

Question

Я не уверен, почему, но у меня возникли проблемы с получением значения изображения src? Вот мой HTML:

<div id="gallery"> 
<img src="css/images/cat.jpg" id="main-img"> 
</div> 

Вот мой JavaScript:

window.setInterval(function() { 
    var currentImage = $("#main-img").attr("src"); 
    window.alert(currentImage); 
}, 5000); 

Но я получаю undefined всякий раз, когда сигнал тревоги идет вверх.

Answer 1

Так же, как сноска, как и все остальное.

Для этого jQuery:

setInterval(function() { 
    var currentImage = $("#main-img").attr("src"); 
    window.alert(currentImage); 
}, 5000); 

эквивалент в ванили javascript является:

setInterval(function(){ 
    var currentImage = document.querySelector('#main-img').getAttribute('src'); 
    window.alert(currentImage); 
}, 5000);