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

Question

我想 "print" outerHTML 的结果直接到网页，但它写 outerHTML 的结果而不是 "code"。

好吧，给 console.log 或 alert window 看很容易，但我想把它写到页面上。

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 元素而不是纯文本。