Javascript 尽管在$（document.ready）内调用，document.getElementById（）仍返回null

我正在网页上制作秒表的圈速功能。这个想法是，当你点击记录一圈时，有一个div，当前时间将附加到该div。但是，当我尝试引用lapLog div时，我从getElementById函数返回null。我知道页面必须完全加载才能发现所有元素，这就是为什么我将按钮调用的函数放在$（document）.ready块中，但尽管如此，它仍然返回null

相关JavaScript（timer.js）：

$（文档）.ready（函数（）{
$（'#lapClkBtn'）。单击（函数（）{
//仅允许在计时器运行时记录圈数
if（ClkTimer.isAlive（）==true）{
var newEntry=ClkTimer.recordLap（）；
lapLog=document.getElementById（'lapLog'）；
append（newEntry）；
动画({
scrollTop:lapLog.prop（'scrollHeight'）
}, 100);
}
});
})
函数clkTimer（text，updateinterval）{
this.recordLap=函数（）{
this.lapNum=this.lapNum+1；
返回字符串（this.lapNum）+“|”+this.formattedTime（）+”
”；
}
}

大腿部

您的

laplog

被用作类

getElementById

按给定id而不是类查找元素。将其替换为

id

<div id="lapLog"></div>

---

您的

laplog

被用作类

getElementById

按给定id而不是类查找元素。将其替换为

id

<div id="lapLog"></div>

在consloe中你可以看到

引用错误：找不到变量：ClkTimer

你的函数是

ClkTimer

在consloe中你可以看到

引用错误：找不到变量：ClkTimer

你的函数是

ClkTimer

D'oh！谢谢，我应该已经发现了。或者使用

getElementsByClass（'lapLog'）[0]

…你是对的，但是对于一个元素，最好使用id.D'oh！谢谢，我应该已经发现了。或者使用

getElementsByClass（'lapLog'）[0]

…你是对的，但是对于一个元素来说，使用id更好。