即使在正文加载后也无法设置null的属性'innerHTML'

时间:2014-12-03 10:36:55

标签: javascript html

我已经浏览了这个网站以解决我的问题,现在我发现了很多关于它的线索,但没有人帮助我。 我用我的代码创建了一个JSFiddle,让你们更容易看到 我尝试将我的标签放在我的结束标签之前,甚至在我的结束标签之后,但仍然在标题中指定相同的错误 这是脚本标记的位置和脚本的一部分:

  <script type='text/javascript' src='resources/scripts/dynamicpage.js'></script>
</body>

</html>

(这是html文件的结尾)

 function loadHome()
{
    var titleID = document.getElementById(main_title);
    var homepage = "Dit is de home-page";
    var imgID = document.getElementById(side_img1);
    var text_container = document.getElementById(main_text);
    titleID.innerHTML = "Welkom op de site voor echte stroopwafel liefhebbers!";
    text_container.innerHTML = homepage;
    imgID.src="http://informatica-cals.nl/jboekhout/resources/home.jpg";
}

http://jsfiddle.net/m0jx7v2d/

2 个答案:

答案 0 :(得分:4)

使用字符串而不是变量。注意双引号。

var titleID = document.getElementById("main_title");

答案 1 :(得分:2)

问题在于这一行:

var titleID = document.getElementById(main_title);

它应该是:

var titleID = document.getElementById("main_title");

请查看HTML DOM getElementById() Method了解详情。