Javascript 如何使用包含HTML标记的文本创建DOM节点

Javascript 如何使用包含HTML标记的文本创建DOM节点,javascript,html,dom,Javascript,Html,Dom,在下面的代码中,CreateTextNode函数不使用text变量中包含的HTML标记。相反,它在结果中显示原始HTML文本 var i,text; for(i=0;i<p.length;i++){ text+=p[i].name+"<br>"+p[i].id+"<br>"+p[i].image; //text contain embedded HTML tag. } var para=document.createElement("

在下面的代码中,
CreateTextNode
函数不使用
text
变量中包含的HTML标记。相反,它在结果中显示原始HTML文本

var i,text;
for(i=0;i<p.length;i++){
    text+=p[i].name+"<br>"+p[i].id+"<br>"+p[i].image;   
    //text contain embedded HTML tag.   

}

var para=document.createElement("p");
var node=document.createTextNode(text);

para.appendChild(node);
var element=document.getElementById("one");
element.appendChild(para);
vari,文本;

对于(i=0;i如果希望将文本视为HTML并进行解析,请使用属性,而不是文本节点:

var para=document.createElement("p");
para.innerHTML = text;
或者,您可以使用:

…但是在这种情况下设置
innerHTML
可能更简单,因为您刚刚创建了元素,并且知道它是空的。

建议阅读:
var para=document.createElement("p");
para.insertAdjacentHTML("beforeend", text);