javascript - 如何将一个元素的 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 元素而不是纯文本。