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 First Post :D

4

2 回答 2

0

您的代码中有错字。使用getElementById而不是getElementbyId. JavaScript 变量名（和方法）区分大小写。

小提琴：http: //jsfiddle.net/FcrQ7/

始终检查您的浏览器控制台，以防您的代码中的某些内容无法正常工作。您有以下错误：

未捕获的类型错误：对象 # 没有方法“getElementbyId”

于 2013-11-07T12:11:54.300 回答
0

它的工作

改变getElementById而不是getElementbyId

小提琴

于 2013-11-07T12:14:04.557 回答