无法检查和更改 img 路径

Question

我有两张图片（一张黑色竖起大拇指的图片和一张绿色的），想法如下：

• 页面加载时，黑色竖起大拇指开始；
• 如果我点击图片，它会变成绿色的竖起大拇指；
• 如果我再次点击它，它会回到黑色；

这是我的代码。我做错了什么？

<script>
    function changeImage(){
        If (document.getElementById('like').src='like.png') {
            document.getElementById('like').src='like2.png';
        }
    }
</script>

<img class='feed2' src='Imagens/like.png' id="like" onclick="changeImage()">

Answer 1

问题 1：If 与 if 不同。您的 JS console 应该对此进行投诉。

问题2：改正后，

if (document.getElementById('like').src = 'like.png') {

将：

1. 将like.png 指定为src（你的意思是说==）
2. 这永远是真的
3. 因此以下行也将运行，每次都将like2.png 指定为图像。

说完了，你想要：

function changeImage(){
    if (document.getElementById('like').src == 'Imagens/like.png') {
        document.getElementById('like').src = 'Imagens/like2.png';
    }
    else {
        document.getElementById('like').src = 'Imagens/like.png';
    }
}