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

来源：互联网发布：java高级编程培训编辑：程序博客网时间：2024/05/22 06:28

在JavaScript中使用以下方法

document.getElementById()
getElementsByName()
getElementsByTagName()

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

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

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

<!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); }

//在此位置，我调用startCount方法的时候，最开始我使用的是直接调用//startCount();//结果死活不正确，最后使用下面方法延迟时间调用，其实我觉得延迟时间调用也不是很好，//毕竟要是网站比较大，打开需要多少时间能加载好，还要看个人网速电脑等，//1.要么把调用代码写在所要加载元素后面，这样就能保证元素先加载//2.使用点击监听的事件来调用

setTimeout(startCount,1000);</script></head><body><form><input type="text" id="count" /></form></body></html>

0 0