使用javascript将内容放入Div ID

Question

这就是我所拥有的，它对我不起作用：

<script type="text/javascript">
document.getElementById("testzak").innerHTML = "whatever";
</script>

<div id="testzak"></div>

Answer 1

试试这个：

window.onload = function()
{
    document.getElementById("testzak").innerHTML = "whatever";
};

它不起作用的原因是因为在运行代码时尚未构建DOM tree，因此无法找到该元素。

http://jsfiddle.net/t4A73/

Answer 2

在您的示例中，在您的代码执行时，浏览器尚未解析<div>;您会收到错误，因为getElementById()返回了null。

快速解决方案，只需将脚本放在div之后：

<div id="testzak"></div>

<script type="text/javascript">
document.getElementById("testzak").innerHTML = "whatever";
</script>

通常，您会将脚本放在页面底部，就在关闭正文标记之前，但这也可以正常工作。

顺便说一句，这实际上比等待window.onload或DOMReady更快。