document.getElementById()没有获取值

时间:2014-04-04 10:32:42

标签: javascript

我有一个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。

3 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

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

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

答案 2 :(得分:0)

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

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