简单的图像交换功能

时间:2014-05-10 14:14:14

标签: javascript image getelementbyid

我无法弄清楚为什么第一个功能起作用而第二个功能不起作用。

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";
    }       
}

0 个答案:

没有答案