javascript - document.getElementById ('' ).src == ??? (等于失败)

Question

我的javascript是

function changeImage(imgID) {
var baseurl = "media/images/";
if (document.getElementById(imgID).src == baseurl+"selection-off.png") {
    alert('Success');
    document.getElementById(imgID).src = baseurl+"selection-no.png"; }
else {
    alert('Fail'); } }

我的 HTML 是

<div id="mustard" class="checkbox"><img id="mustard-img" class="no-off" src="media/images/selection-off.png" alt="checkbox" onClick="changeImage('mustard-img')" /></div>

点击图片时总是失败。我一定是遗漏了一些非常基本的东西。

Answer 1

一些浏览器将 img src 转换为完整的 url(包括 http://www....)

尝试提醒它以确保..

你可以使用

document.getElementById(imgID).src.indexOf( baseurl+"selection-off.png" ) >= 0

检查一个字符串是否包含在另一个字符串中..