Javascript 创建段落节点时出现问题

我无法显示第二个文本节点

控制台中没有错误。文本节点“文档”无法打印到屏幕上。不知道为什么。谢谢

var newEm = document.createElement("em");
var text1 = document.createTextNode("Historic");

var newP = document.createElement("p");
var text2 = document.createTextNode(" Document");

newEm.appendChild(text1);
newP.appendChild(text2);
var phrase = newP.insertBefore(newEm,text2);

 document.getElementById("testBox").appendChild(phrase);

---

insertBefore

的返回值是插入的节点，因此您只插入

newEm

。而是附加

newP

var newEm=document.createElement（“em”）；
var text1=document.createTextNode（“历史”）；
var newP=document.createElement（“p”）；
var text2=document.createTextNode（“文档”）；
newEm.appendChild（text1）；
newP.appendChild（text2）；
var phrase=newP.insertBefore（newEm，text2）；
文件.正文.附件（newP）
#测试盒{
边框：2个黑色实心；
高度：300px；
最大宽度：75%；
保证金：0自动25px；
宽度：600px；
}
insertBefore

的返回值是插入的节点，因此您只插入

newEm

。而是附加

newP

var newEm=document.createElement（“em”）；
var text1=document.createTextNode（“历史”）；
var newP=document.createElement（“p”）；
var text2=document.createTextNode（“文档”）；
newEm.appendChild（text1）；
newP.appendChild（text2）；
var phrase=newP.insertBefore（newEm，text2）；
文件.正文.附件（newP）
#测试盒{
边框：2个黑色实心；
高度：300px；
最大宽度：75%；
保证金：0自动25px；
宽度：600px；
}
谢谢。我已经做了一段时间了，不知道发生了什么。不客气。通常情况下，插入的元素是返回的元素，因此您可以在插入时创建它，并且仍然可以获得对它的引用。我的最后一个例子利用了这一点，你对代码的修改很好。我的代码只是为了概念构建而创建的，因为我对nodes是新手。谢谢。我已经做了一段时间了，不知道发生了什么。不客气。通常情况下，插入的元素是返回的元素，因此您可以在插入时创建它，并且仍然可以获得对它的引用。我的最后一个例子利用了这一点，你对代码的修改很好。我的代码只是为了概念构建而创建的，因为我对节点是新手。