HTML Javascript按鈕無法正常工作

你好朋友我是新來學習HTML我想做一個基本的網站，但我不能得到一個按鈕，它改變網站的背景和按鈕的文本值工作請幫助！HTML Javascript按鈕無法正常工作

<!DOCTYPE html> 
<html> 
    <body> 

    <script type="text/javascript"> 
     function lightsOff() 
     { 
     if (document.getElementbyID("btnLights").value == "Lights Off") { 
      document.body.style.backgroundColor = "#151515"; 
      document.getElementbyID("btnLights").value = "Lights On"; 
     } 
     else { 
      document.body.style.backgroundColor = "#FFFFFF"; 
      document.getElementbyID("btnLights").value = "Lights Off"; 
     } 
     } 
    </script> 

    <center> 

    <input type="button" id="btnLights" onclick="lightsOff()" value="Lights Off"></input> 
    </center> 

</body> 
</html>

我確定它只是一些愚蠢的東西，但我是新的，需要幫助！

來源

2013-10-17 Ser Davos

正確的方法是：'getElementById'。 Javascript是區分大小寫的。您可能在控制檯中遇到錯誤。覈實。 – melancia

就是這樣！非常感謝我不應該從不同的答案複製代碼，我沒有使用任何與控制檯只是記事本。 –

沒有probs。我已經發布了一個答案。 – melancia

你是幾乎沒有，只是getElementById

這裏更換getElementbyID你有一個DEMO

來源

2013-10-17 18:23:26 defau1t

你是最好的，謝謝！ –

@SerDavos：爲您添加了演示.. – defau1t

感謝它現在可以成爲一種享受:) –

1）getElementById是正確的語法，不ID

2）在這個不知道，但是你可能需要你的腳本是你的HTML元素的下面，所以它們的存在時，它是由瀏覽器解析第一次。有人可以糾正我，但如果它不準確。

來源

2013-10-17 18:23:13

JavaScript是區分大小寫的。只需將getElementbyID替換爲getElementById，事情就會起作用。

來源

2013-10-17 18:26:19 melancia

您已經完成了拼寫的小錯誤。

這裏：的document.getElementById //你的代碼

正確了Syntex是：的document.getElementById //正確的代碼

取代「的document.getElementById」本「的document.getElementById」

來源

2013-10-17 18:27:44 Manwal

HTML Javascript按鈕無法正常工作

回答

相關問題