DOM附加文本节点的子节点不起作用

Question

我正在尝试将文本节点插入到我的文档中的标记中，但由于某种原因它似乎不起作用（我没有收到任何消息，只是不起作用！）。下面是HTML和JS。任何帮助将非常感谢！

HTML（仅限重要部分）：

<div>
    <h4 id="hompageNameDiv"></h4>
</div>

Java脚本（同样，只是我们真正关心的部分）：

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

Answer 1

两个错别字：

• didSetPersonalname vs didSetPersonalName
• hompageUserPersonalName vs hompageUserPersonalname

JS中的变量名称区分大小写。另外，了解如何使用浏览器的调试工具;-)如今，几乎所有浏览器都拥有它：

• Firefox（Firebug）
• IE9 +（按F12）
• 铬

Answer 2

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