Javascript 检查图像源是否等于图像

我当前的代码是：

<img id="fixedScreenimg" src="img/fixedScreen.jpg" class="img-responsive" alt="">
<script>
    function pictureChange(){
        if(fixedScreenimg.src == "img/homeScreen.png"){
            document.getElementById("fixedScreenimg").src="img/fixedScreen.jpg");
        }else{
            document.getElementByID("fixedScreenimg").src="img/homeScreen.png");
        }
    }
</script>

函数pictureChange（）{
if（fixedScreenimg.src==“img/homeScreen.png”）{
document.getElementById（“fixedScreenimg”）.src=“img/fixedScreen.jpg”）；
}否则{
document.getElementByID（“fixedScreenimg”）.src=“img/homeScreen.png”）；
}
}

如您所见，我试图检查元素的图像源是否与图像的给定路径匹配，如果匹配，请在按下按钮时更改图像更改的结果。然而，这似乎不起作用

我尝试使用getAttribute之类的工具

有什么建议吗

---

谢谢。

您在行尾添加了一个括号

document.getElementById("fixedScreenimg").src="img/fixedScreen.jpg";

---

您在行的末尾添加了一个括号

document.getElementById("fixedScreenimg").src="img/fixedScreen.jpg";

---

实际上，您正在添加一个结束括号（代码>）

请尝试以下操作：

 function pictureChange(){

    var elem = document.getElementById("fixedScreenimg");

    if(elem.src === "img/homeScreen.png"){
        elem.src="img/fixedScreen.jpg";
    }else{
        elem.src="img/homeScreen.png";
    }
}

---

实际上，您正在添加一个结束括号（代码>）

请尝试以下操作：

 function pictureChange(){

    var elem = document.getElementById("fixedScreenimg");

    if(elem.src === "img/homeScreen.png"){
        elem.src="img/fixedScreen.jpg";
    }else{
        elem.src="img/homeScreen.png";
    }
}

几个错误：

• ID

  而不是

  getElementById

  函数中的

  ID

• 第二，不必要的封闭支架内，如果条件

var elem=document.getElementById（'fixedScreenimg'），
btn=document.getElementById（'btn'）；
函数pictureChange（）{
如果（elem.src==“img/homeScreen.png”）{
document.getElementById（“fixedScreenimg”）.src=“img/fixedScreen.jpg”；
}否则{
document.getElementById（“fixedScreenimg”）.src=“img/homeScreen.png”；
}
console.log（elem.src）；
}
btn.addEventListener（'click'，pictureChange）

更改src
少量错误：


ID
而不是
getElementById
函数中的
ID
第二，不必要的封闭支架内，如果条件


var elem=document.getElementById（'fixedScreenimg'），
btn=document.getElementById（'btn'）；
函数pictureChange（）{
如果（elem.src==“img/homeScreen.png”）{
document.getElementById（“fixedScreenimg”）.src=“img/fixedScreen.jpg”；
}否则{
document.getElementById（“fixedScreenimg”）.src=“img/homeScreen.png”；
}
console.log（elem.src）；
}
btn.addEventListener（'click'，pictureChange）

更改src
首先声明什么是
fixedScreenimg
以及两条语句中的括号

<img id="fixedScreenimg" src="img/fixedScreen.jpg" class="img-responsive" alt="">
<script>
    function pictureChange(){
        var fixedScreenimg = document.getElementById("fixedScreenimg");
        if(fixedScreenimg.src == "img/homeScreen.png"){
            fixedScreenimg.src="img/fixedScreen.jpg";
        }else{
            fixedScreenimg.src="img/homeScreen.png";
        }
    }
</script>


函数pictureChange（）{
var fixedScreenimg=document.getElementById（“fixedScreenimg”）；
if（fixedScreenimg.src==“img/homeScreen.png”）{
fixedScreen img.src=“img/fixedScreen.jpg”；
}否则{
fixedScreenimg.src=“img/homeScreen.png”；
}
}
首先声明什么是
固定屏幕img
以及两条语句中的括号

<img id="fixedScreenimg" src="img/fixedScreen.jpg" class="img-responsive" alt="">
<script>
    function pictureChange(){
        var fixedScreenimg = document.getElementById("fixedScreenimg");
        if(fixedScreenimg.src == "img/homeScreen.png"){
            fixedScreenimg.src="img/fixedScreen.jpg";
        }else{
            fixedScreenimg.src="img/homeScreen.png";
        }
    }
</script>


函数pictureChange（）{
var fixedScreenimg=document.getElementById（“fixedScreenimg”）；
if（fixedScreenimg.src==“img/homeScreen.png”）{
fixedScreen img.src=“img/fixedScreen.jpg”；
}否则{
fixedScreenimg.src=“img/homeScreen.png”；
}
}
如果条件允许，请尝试使用单行

function pictureChange() {
  var elem = document.getElementById("fixedScreenimg");

  elem.src = (elem.src == "img/homeScreen.png") ? "img/fixedScreen.jpg" : "img/homeScreen.png";
}

如果条件允许，请尝试使用单行

function pictureChange() {
  var elem = document.getElementById("fixedScreenimg");

  elem.src = (elem.src == "img/homeScreen.png") ? "img/fixedScreen.jpg" : "img/homeScreen.png";
}


fixedScreenimg=document.getElementById（“fixedScreenimg”）您使用什么调试代码？我在指定行号处看到了一个
Uncaught SyntaxError:Unexpected token）
，并修复了一个
Uncaught TypeError:document.getElementByID不是一个函数
您使用什么调试代码？我在指定行号处看到了一个
Uncaught SyntaxError:Unexpected token）
，并修复了一个
Uncaught TypeError:document.getElementByID不是一个函数
是的，是输入错误。谢谢10分钟后我会接受的。@ocelot我添加了一个按钮和一个绑定到它的函数。是的，这是打字错误。谢谢当10分钟结束时，我会接受它。@ocelot我已经添加了一个按钮和一个绑定到它的函数。