最近在网站上工作时,我遇到了将innerHTML作为javascript函数的一部分的问题。代码可以在这里找到:
<!DOCTYPE html>
<html>
<head>
<title>The Page That Wouldn't Work</title>
</head>
<body>
Access Code: <input type="text" size="10" id="codeEntered"> <button type="button" onclick="codeEffect();">Submit</button>
<div id="wrongCode">This is the div.</div>
<script>
var codeEffect = function()
{
if (codeEntered.value == "761825")
window.location.href = "TheSiteForThePeopleWithTheCode.com";
else
//alert("This part of the code is running.")
document.getElementByID('wrongCode').innerHTML = "You entered the code incorrectly.";
};
</script>
</body>
</html>
预期的功能是,如果输入了正确的访问代码,用户将被定向到另一个页面,但如果输入的代码不正确,那么他们将在文本字段下方收到一条消息,说明他们有输入的代码不正确。
目前,当输入的代码不正确并且按下按钮时,没有任何反应。
我在互联网上搜索了一下可能出错的地方,并且认为我在调用函数时已经发现我的div尚未定义,但是我改变了它并且它没有任何效果。
问题是什么?我非常感谢任何见解。提前谢谢。
编辑:我知道如果代码输入不正确,正在执行该部分功能,因为我使用警报('')对其进行了测试。
答案 0 :(得分:2)
不确定它是否是拼写错误,但方法名称为getElementById
(小写d)。您应该在控制台中看到错误。
答案 1 :(得分:2)
始终检查您的错误控制台。 getElementByID
应为getElementById
。
另外,省略花括号时要小心。只有第一行将被视为块的一部分。