Javascript 文本节点的DOM append子节点不工作

Javascript 文本节点的DOM append子节点不工作,javascript,dom,Javascript,Dom,我试图在文档中的标记中插入文本节点,但由于某些原因,它似乎不起作用(我没有收到任何消息,只是不起作用!)。下面是HTML和JS。任何帮助都将不胜感激 HTML(仅重要部分): <div> <h4 id="hompageNameDiv"></h4> </div> window.onload = function () { var userPersonalName = "jonathan"; var didSetPersonalname

我试图在文档中的标记中插入文本节点,但由于某些原因,它似乎不起作用(我没有收到任何消息,只是不起作用!)。下面是HTML和JS。任何帮助都将不胜感激

HTML(仅重要部分):

<div>
    <h4 id="hompageNameDiv"></h4>
</div>
window.onload = function () {
 var userPersonalName = "jonathan";
 var didSetPersonalname = true;
 if (didSetPersonalName == true) {
  var nametextNode = document.createTextNode(userPersonalName);
  var hompageUserPersonalName = document.getElementById("hompageNameDiv");
  hompageUserPersonalname.appendChild(nametextNode);

 }
}
再次感谢您的帮助!:D

两种打字错误:

  • didSetPersonalname
    vs
    didSetPersonalname
  • hompageUserPersonalName
    vs
    hompageUserPersonalName
JS中的变量名区分大小写。另外,学习如何使用浏览器的调试功能;-)如今,几乎所有浏览器都有:

  • Firefox(Firebug)
  • IE9+(按F12键)

您的变量名称不同。。。注意JavaScript中的命名区分大小写。

“我没有收到任何消息”,我会:“未捕获引用错误:未定义didSetPersonalName”(请参阅)。一旦您修复了这个问题,您将得到“UncaughtReferenceError:hompageUserPersonalname未定义”,并且当您修复它时,它可以工作。JavaScript是区分大小写的,
name
name
不同。干杯:)天哪,我讨厌区分大小写!?这么痛苦…OSX Safari怎么样?dreamwever?中的任何内置解决方案?甚至手机上的Safari都有调试控制台:)