0

您好朋友，我是学习 HTML 的新手，我正在尝试制作一个基本网站，但我无法获得更改网站背景和按钮文本值的按钮，请帮助！

<!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>

我确定这只是一些愚蠢的事情，但我是新手，需要帮助！

4

4 回答 4

2

你快到了，只需替换getElementbyID为 getElementById

这里有一个DEMO

于 2013-10-17T18:23:26.457 回答
0

您只犯了较小的拼写错误。

这里：document.getElementbyID //你的代码

正确的语法是：document.getElementById //正确的代码

用这个“document.getElementById”替换“document.getElementbyID”

于 2013-10-17T18:27:44.343 回答
0

1)getElementById是正确的语法，而不是ID

2）对此不确定，但您可能需要将脚本放在 HTML 元素下方，以便它们在浏览器第一次解析时存在。如果它不准确，有人可以纠正我。

于 2013-10-17T18:23:13.787 回答
0

Javascript 区分大小写。只需替换getElementbyID为getElementById，一切都会正常工作。

于 2013-10-17T18:26:19.920 回答