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按钮无法正常工作

回答

相关问题