document.getElementById取得控制項物件為空的解決方法_基礎知識

1.下面是一個簡單的例子，頁面載入時顯示一段訊息

複製程式碼 程式碼如下:

 
     

2.下面的範例會出現document.getElementById為空的情況。 我的計畫是：在頁面載入時，在的文字方塊中顯示由後台處理來的數據，例如這裡的字串「hello, my friend!」。但這裡透過透過document.getElementById讀取的是物件為空。

因為onLoad方法在頁面

載入之前執行，此時id="mes"對應文字框的文字框，還沒有載入進去。

複製程式碼 程式碼如下:

 
     
 

 
      the message is:
 




3.解決方法
載入Html網頁時，會載入中的所以資料。先載入，再載入。
所以我們可在之後，在之前寫入javascript就好了。程式順序執行，執行到對應的javascript呼叫就可以執行。不是用onLoad方法。

程式碼如下：

複製程式碼

程式碼如下:

   

          the message is:
   

 language="javascript">
          function showMessage()
          {              t.value="hello, my friend!"
          }
          showMessage();    //呼叫方法，以更新文字方塊