你能告訴我什麼是錯的嗎？

Question

我不知道爲什麼這不起作用，你能告訴我什麼是錯的嗎？

function swapImage() { 
 
    var imageDisplayed = document.getElementById('display-image'); 
 
    if (imageDisplayed.scr.match("images/01.png")) { 
 
    imageDisplayed.scr = "images/02.png"; 
 
    } else { 
 
    imageDisplayed.scr = "images/01.png"; 
 
    } 
 
}

<p> 
 
    <img id="display-image" onclick="swapImage()" scr="images/01.png" width="180" height="180" /> 
 
</p> 
 
<p>Click the image to change it!</p>

Answer 1

有一個與src屬性的錯字，正確它首先 ，我建議你使用==

match()將比較正則表達式，你應該使用==操盤

function swapImage() { 
var imageDisplayed = document.getElementById('display-image'); 
if (imageDisplayed.src == "images/01.png") { 
imageDisplayed.src = "images/02.png"; 
} 
else { 
imageDisplayed.src = "images/01.png"; 
} 
} 

和Navaneeth mohan說，你需要修復類型屬性src太

Answer 2

我相信那裏有一個錯字。 src是你應該使用爲了獲得使用javascript的HTML元素的源屬性。

function swapImage() { 
    var imageDisplayed = document.getElementById('display-image'); 
    if (imageDisplayed.src == "images/01.png") { 
    imageDisplayed.src = "images/02.png"; 
    } 
    else { 
    imageDisplayed.src = "images/01.png"; 
    } 
} 

Answer 3

首先，有一個錯字，它應該是src。其次，代替if-else，您可以使用三元運算：

function swapImage() { 
    var imageDisplayed = document.getElementById('display-image'); 
    imageDisplayed.src = (imageDisplayed.src == 'images/01.png') ? 'images/02.png' : 'images/01.png'; 
}