0

私はかなり新しいプログラマーで、現在、JS 側から OOP を理解しようとしています。点滅するカーソルのかなり基本的なコードがいくつかありますが、何らかの理由で機能していません。ページが読み込まれ、カーソルが変更されずに画面に表示されます。コードは以下のとおりです。

<html>
<head>
<title>Cursor</title>
<script src="jquery.js"></script>
<script>

var str = null;
var counter = 0;

var flipFlop = function() {
alert("working");
if(counter === 0) {
document.getElementbyId('console').style.visibility='visible';
counter = 1;

}
else if(counter === 1) {
document.getElementbyId('console').style.visibility='hidden';
counter = 0;
}
else {
//debug alert
alert("function broken.");
}
};
var setIntOnload = function() {
setInterval(function() {
flipFlop();
}, 1000);
};
</script>
</head>
<body onload="setIntOnload()">
<div id="console">
  |
</div>
</body>
</html>

なぜこれが機能していないのかわかりません...助けていただければ幸いです:) PS最初の投稿:D

4

2 に答える 2

0

コードにタイプミスがあります。getElementByIdの代わりに使用しgetElementbyIdます。JavaScript 変数名 (およびメソッド) は、大文字と小文字が区別されます。

フィドル: http://jsfiddle.net/FcrQ7/

コード内の何かが機能しない場合に備えて、常にブラウザ コンソールを確認してください。次のエラーが発生しました:

キャッチされていない TypeError: オブジェクト # にはメソッド 'getElementbyId' がありません

于 2013-11-07T12:11:54.300 に答える