在JavaScript中使用document.getElementById()获取对象失败的原因

在JavaScript中使用以下方法

等等类似方法获取元素对象的时候，一定要切记：

一定一定要在你所要获取的元素对象加载以后才调用以上方法。否则根本获取不到该对象。

我在学习的时候就遇到了相似情况，纠结了好多时间：代码如下

[html] view plain copy

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
var num=0;
function startCount() {
document.getElementById('count').value=num;
num=num+1;
setTimeout(startCount,1000);
}<pre name="code" class="html">//在此位置，我调用startCount方法的时候，最开始我使用的是直接调用
//startCount();
//结果死活不正确，最后使用下面方法延迟时间调用，其实我觉得延迟时间调用也不是很好，
//毕竟要是网站比较大，打开需要多少时间能加载好，还要看个人网速电脑等，
//1.要么把调用代码写在所要加载元素后面，这样就能保证元素先加载
//2.使用点击监听的事件来调用</pre>setTimeout(startCount,1000);</script></head><body><form><input type="text" id="count" /></form></body></html>
<pre></pre>
<br>
<br>
<br>
<p></p>

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。