嘿，我想在使用 javascript 單擊 img 時更改影像，如果我單擊該圖片它會更改 scr 但不會將其更改回來，它會作業一次
function ImgClick() {
var img = document.getElementById("b1")
if (img.src = "img/RoteAmpel.jpg") {
img.src = "img/GrueneAmpel.jpg";
} else {
img.src = "img/RoteAmpel.jpg";
}
}<!DOCTYPE html>
<html>
<head>
<title>Mouse Events</title>
<meta charset="UTF-8">
</head>
<body>
<h3>Mouse Events</h3>
<img src="img/RoteAmpel.jpg" alt="Bildwechsel" title="Bildwechsel" id="b1" onclick="ImgClick()" />
</body>
</html>uj5u.com熱心網友回復：
您的代碼有兩個問題：
1. 分配與比較
您正在分配src而不是進行比較：
if (img.src="img/RoteAmpel.jpg") { }
應該
if (img.src === "img/RoteAmpel.jpg") { }
2.img.src可能不是你所期望的
訪問時，img.src您將獲得完整的限定 URL，包括協議、域等。
要比較實際屬性的值，請使用以下命令：
img.getAttribute('src')
你可以自己測驗一下：
function test() {
var img = document.getElementById("b1")
console.log(img.src);
console.log(img.getAttribute('src'));
}
test();<img id="b1" src="img/RoteAmpel.jpg">轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/370344.html
標籤：javascript 图片 点击 源文件
上一篇：影像頂部的CSS背景大小細黑線