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

Question

我想将outerHTML 的结果直接“打印”到网页上，但它会将outerHTML 的结果写入“代码”。

嗯，很容易将其显示到console.log 或alert 窗口，但我想将其写入页面。

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

结果必须是：

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

Answer 1

您必须使用.textContent 而不是.innerHTML

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

如果您使用.innerHTML，则分配字符串将呈现为html元素而不是纯文本。