2017-11-11 107 views
-2

我不知道为什么这不起作用,你能告诉我什么是错的吗?你能告诉我什么是错的吗?

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>

+0

*?“你能告诉我什么是错的” *您的问题标题是错误的 – zer00ne

回答

0

有一个与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

0

我相信那里有一个错字。 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"; 
    } 
} 
0

首先,有一个错字,它应该是src。其次,代替if-else,您可以使用三元运算:

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