Javascript 函数未正确识别图像源

我有两张照片：

<img id="img1" src="l1.jpg" usemap="#lb" height="400" border="0" width="300">
<img src="images.jpg" id="img2">

和一个启动它的按钮：

<button type="button" onclick="checkImg()">Click Me!</button>

点击我！

这两个图像都具有脚本中指定的源，尽管它仍然会发出“bye”而不是“hi”警报。

---

怎么了？

src属性返回一个绝对URL，类似

<img src="image.jpg" id="element" />

<script>

    element.src; // http://stackoverflow.com/image.jpg

    element.getAttribute('src'); // image.jpg

</script>

使用hasattribute函数进行比较，而不是使用getattribute函数。那你的按钮就可以用了

<script>
        img1 = document.getElementById("img1");
        img2 = document.getElementById("img2");
        function checkimg() {
        if (img1.hasAttribute("src")=="img/1.jpg") {
            if (img2.hasAttribute("src")=="img/2.jpg"){
                alert("Hello");
            }
        }
        else {
            alert("Bye");
        }
        }
    </script>

img1=document.getElementById（“img1”）；
img2=document.getElementById（“img2”）；
函数checkimg（）{
if（img1.hasAttribute（“src”）=“img/1.jpg”）{
if（img2.hasAttribute（“src”）=“img/2.jpg”）{
警惕（“你好”）；
}
}
否则{
警惕（“再见”）；
}
}

问题是，

src

属性返回的是一个绝对URL，而不是您刚才设置的相对URL。@adeneo哇。。。应该改变that@adeneo[第二篇文章]我如何使用src作为相对URL？请在函数中添加和

alert（）

及其src属性，并告诉我们它是怎么做的：）@PDKnight你的意思是这样的吗警报（img2.getAttribute（'src'）=“images.jpg”）？我不是一个真正的职业程序员。。。我刚刚开始编写代码几天……出于某种原因，在再次复制代码后它确实可以工作。谢谢：）我无法让您的代码正常工作：（，我已经有了一个没有hasAttribute的解决方案。

function checkImg() {

    var img1 = document.getElementById('img1');
    var img2 = document.getElementById('img2');

    if (img2.getAttribute('src') == "images.jpg") {

        if (img1.getAttribute('src') == "l1.jpg") {

            window.alert("hi");

        } else {

            window.alert("bye");
        }
    }
}

checkImg();

<script>
        img1 = document.getElementById("img1");
        img2 = document.getElementById("img2");
        function checkimg() {
        if (img1.hasAttribute("src")=="img/1.jpg") {
            if (img2.hasAttribute("src")=="img/2.jpg"){
                alert("Hello");
            }
        }
        else {
            alert("Bye");
        }
        }
    </script>