在innerHTML遇到问题

时间:2013-07-26 04:03:59

标签: javascript html5

最近在网站上工作时,我遇到了将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尚未定义,但是我改变了它并且它没有任何效果。

问题是什么?我非常感谢任何见解。提前谢谢。

编辑:我知道如果代码输入不正确,正在执行该部分功能,因为我使用警报('')对其进行了测试。

2 个答案:

答案 0 :(得分:2)

不确定它是否是拼写错误,但方法名称为getElementById(小写d)。您应该在控制台中看到错误。

答案 1 :(得分:2)

始终检查您的错误控制台。 getElementByID应为getElementById

另外,省略花括号时要小心。只有第一行将被视为块的一部分。