如何将元素的outerHTML显示为另一个元素的内容?

时间:2016-03-19 18:45:56

标签: javascript innerhtml outerhtml

我想"打印" outerHTML的结果直接发布到网页上,但它会将outerHTML的结果写入"代码"。

嗯,很容易将它显示到console.logalert窗口,但我想将其写入页面。

document.getElementById("oneId").innerHTML = 
   "The outerHTML of oneId is :" +document.getElementById("anotherId").outerHTML;

结果必须是:

The outerHTML of oneId is : <div id="oneId"></div>

1 个答案:

答案 0 :(得分:1)

您必须使用.innerHTML代替document.getElementById("oneId").textContent = "The outerHTML of oneId is :" + document.getElementById("anotherId").outerHTML;

.innerHTML

如果您使用{{1}},则分配字符串将呈现为html元素而非纯文本。