我无法弄清楚为什么第一个功能起作用而第二个功能不起作用。
HTML:
<body>
<div>
<img id="mainImg" src="images/image1.jpg">
</div>
<button type="button" onclick="changeImage()">Swap Image</button>
</body>
function changeImage() {
document.getElementById("mainImg").src="images/image2.jpg";
}
function changeImage() {
if (document.getElementById("mainImg").src=="images/image1.jpg") {
document.getElementById("mainImg").src="images/image2.jpg";
}
}