的document.getElementById（）沒有得到一個價值

Question

我有一個div：

<div id="results"></div> 

，並在我的JS：

document.getElementById('results').innerHTML = "foo"; 

這個工作正常但是...

我試着存儲它...

var rslt = document.getElementById('results'); 

所以我可以更多地使用它asily。然而，「rslt」是未定義的，在螢火蟲中，當我將鼠標移到getElementById括號內的「results」時，它不顯示任何信息。像它是一個字符串？

我敢肯定，這可能是很簡單的，我看不出它......

當我打電話的rslt它給「空」了。但如果我刪除了「var reslt =」其餘部分「document.getElementById（'results'）」完美地工作並返回div。

Answer 1

那麼，如果它是undefined這意味着一件簡單的事情 - 對象還沒有做到DOM樹。

在確定div已寫入文檔後進行調用，例如加載事件後。

Answer 2

window.onload = function(){ 
    var rslt = document.getElementById('results'); 
    rslt.innerHTML = "This is working."; 
}; 

Answer 3

這是工作Perfectly..Look在Fiddle

<div id="results"></div> 
document.getElementById('results').innerHTML = "foo";