HTML Javascript按鈕無效
[英]HTML Javascript button not working
問題描述
朋友你好我是新手學習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 個解決方案
解決方案1
2 已采納 2013-10-17 18:23:26
你幾乎就在那里，只需用getElementbyID替換getElementById
在這里你有一個DEMO
解決方案2
0 2013-10-17 18:23:13
1） getElementById是正確的語法，而不是ID
2）對此不確定，但您可能需要將腳本放在HTML元素下面，以便在瀏覽器第一次解析它時它們存在。 如果它不准確，有人可以糾正我。
解決方案3
0 2013-10-17 18:26:19
Javascript區分大小寫。 只需更換getElementbyID用getElementById事情會只是工作。
解決方案4
0 2013-10-17 18:27:44
你做了更小的拼寫錯誤。
這里：document.getElementbyID //你的代碼
正確的syntex是：document.getElementById //正確的代碼
用“document.getElementById”替換“document.getElementbyID”
HTML和Javascript按鈕不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.