0

最近、Web サイトで作業しているときに、javascript 関数の一部としての innerHTML に問題がありました。コードは次の場所にあります。

<!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 に答える