为什么document.getElementById在我的脚本中不起作用？

Question

我正在编写使用javascript而不是框架的框架网站模板,我有线问题document.getElementById("contentbody").innerHTML=body[i];,但我没有看到任何问题.开发.控制台告诉我TypeError: document.getElementById(...) is null,这没有任何意义,因为只有在没有具有这种id的元素(并且存在)时它才返回null.

<table style="width: inherit;">
<tr>
<td style="width: 220px;">
    <h2 style="text-align: center;">titlehere</h2>
    <div id='menubody' />
</td>
<td>
    <h1 id='contenttitle' />
    <div id='contentbody' />
</td>
</tr>
</table>
<script>
    var title =
    [
    "&lt;p&gt;",
    "&lt;div&gt;"
    ];
    var body =
    [
    "&lt;p&gt; is for text",
    "&lt;div&gt; is for cool text"
    ];
    function change(i)
    {
        document.getElementById("contenttitle").innerHTML=title[i];
        document.getElementById("contentbody").innerHTML=body[i];
    }
    change(0);
</script>

有帮助吗？建议？

Answer 1

没有<h1 />或<div />元素.你想要的是<h1></h1>和<div></div>