javascript - 如何获取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);