2014-06-17 72 views
1

這是我的javascipt函數:我試圖交換圖像,並且能夠使用button再次交換圖像。但由於某種原因,它不會執行腳本。我的onClick按鈕將不會執行JavaScript

的Javascript

function changeImage() { 

    if (document.GetElementById('flashlight').src == "img\flashlight.png") { 
     image.src="img\flashlightON.png"; 

    } else (document.GetElementById('flashlight').src == "img\flashlightON.png"); { 
       image.src="img\flashlight.png"; 
       } 
      } 

,這裏是我的HTML

<button type="button" onClick="changeImage()" class="classname"> </button> 
+0

功能changeImage()調試器; (document.GetElementById('flashlight')。src ==「img \ flashlight.png」){ image.src =「img \ flashlightON.png」; } else(document.GetElementById('flashlight')。src ==「img \ flashlightON.png」); {image02} {image0} image.src =「img \ flashlight.png」; } } //並測試它 – InferOn

+0

什麼也沒做。就這樣你們知道,我是第一年的學生程序員。我放了一個警告框來再次測試,但他給了我警報,所以我猜想它是在我的鱈魚',但我沒有線索? –

回答

1

你有語法錯誤。使用這個:

function changeImage() { 

    var image = document.getElementById('flashlight'); 

    if (image.src == "img/flashlight.png") { 

    image.src = "img/flashlightON.png"; 

    } else { 

    image.src = "img/flashlight.png"; 

    } 
} 
2

Javascript區分大小寫。在你的情況下,它是getElementById,而不是GetElementById。你把警報放在你的函數中可能是第一件事,因此這部分工作。 Javascript沒有被預編譯,所以你只是在該行嘗試執行的時候出現語法錯誤。

您可以使用firebug來調試javascript。

0

JavaScript區分大小寫,因此第一個錯誤是document.GetElementById。它應該是的document.getElementById爲了改變src時,您可以綁定的onclick在JS部分按鈕本身喜歡:

theButton.onclick = function pictureChange() 

完整的工作的例子就是在這個fiddle