在JavaScript中使用document.getElementById()獲取對象失敗的原因

在JavaScript中使用以下方法

等等類似方法獲取元素對象的時候,一定要切記:

一定一定要在你所要獲取的元素對象加載以後才調用以上方法。否則根本獲取不到該對象。

我在學習的時候就遇到了相似情況,糾結了好多時間:代碼如下


<!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>




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章