4 回答

TA貢獻(xiàn)1850條經(jīng)驗(yàn) 獲得超11個(gè)贊
usingimg.src將返回絕對(duì)路徑而不是相對(duì)路徑,因此document.getElementById("light").src永遠(yuǎn)不會(huì)等于/pic_bulboff.gif. 您還可以將 baseurl 添加到您的邏輯中,或者.includes("")改為使用:
function click_turn() {
if (document.getElementById("light").src.includes("pic_bulboff.gif") {
document.getElementById("light").src = "/pic_bulbon.gif";
}
else {
document.getElementById("light").src = "/pic_bulboff.gif";
}
}

TA貢獻(xiàn)2039條經(jīng)驗(yàn) 獲得超8個(gè)贊
document.getElementById("light").src
返回完整路徑(' http://etc ')。
嘗試document.getElementById("light").src.endsWith("/pic_bulboff.gif")

TA貢獻(xiàn)2065條經(jīng)驗(yàn) 獲得超14個(gè)贊
HTMLMediaElement.src屬性反映了 HTML 媒體元素的 src 屬性的值,該屬性指示要在元素中使用的媒體資源的 URL 。
而不是使用src屬性,您應(yīng)該使用getAttribute來讀取元素的屬性,該屬性不是 URL,而是分配的值。
function click_turn() {
if (document.getElementById("light").getAttribute('src') == "pic_bulboff.gif") {
document.getElementById("light").setAttribute('src', "pic_bulbon.gif")
} else {
document.getElementById("light").setAttribute('src', "pic_bulboff.gif")
}
}
<base href="https://www.w3schools.com/js/">
<img id="light" src="pic_bulboff.gif" />
<br />
<button id="click" onclick="click_turn()">Click</button>
添加回答
舉報(bào)