0

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

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

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

4

2 回答 2

2

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

于 2013-07-26T04:07:29.363 回答
2

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

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

于 2013-07-26T04:07:36.160 回答