如何使用包含诸如<br/>的html元素的DOM创建一个textnode？

Question

如何使用包含br？

等html元素的DOM创建textnode

为了得到它：

Hello DOM
更多文字

var brEl = document.createElement('br');
var pEl = document.createElement('p');
var sometext = "Hello DOM<br /> more text<br />";//not the way to do it
var sometext2 = "Hello DOM" + brEl + " more text" + brEl;//not the way to do it
pEl.appendChild(sometext);

Answer 1

你做不到。根据定义，textNode仅包含文本。您需要穿插HTMLElementNodes的多个textNodes。

var pEl = document.createElement('p');
pEl.appendChild(document.createTextNode("Hello DOM"));
pEl.appendChild(document.createElement("br"));
pEl.appendChild(document.createTextNode("more text"));
pEl.appendChild(document.createElement("br"));