document.getElementById（）没有获取值

Question

我有一个div：

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

和我的js：

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

这可以正常工作......

我尝试存储它......

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

所以我可以更轻松地使用它。但是＆＃34; rslt＆＃34;当我将鼠标移到＆＃34;结果＆＃34;时，它是未定义的并且在萤火虫中在getElementById括号内，它不显示任何信息。喜欢它的字符串??

我确定这可能非常简单，而我却无法看到它......

当我打电话给rslt时，它会给出＆＃34; null＆＃34;现在。但如果我删除＆＃34; var reslt =＆＃34;其余部分＆＃34; document.getElementById（＆＃39;结果＆＃39;）＆＃34;完美运作并返回div。

Answer 1

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

Answer 2

好吧，如果未定义这意味着一件简单的事情 - 对象还没有进入DOM树。

在您确定已将div写入文档后进行该通话，例如加载事件后。

Answer 3

完美运作......看看Fiddle

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