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);