如何顯示元素的outerHTML作爲另一個元素的內容？

Question

我想將「outerHTML」的結果直接打印到網頁上，但是它會寫入outerHTML的結果insted「code」。

好吧，很容易將它展示給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元素不是純文字。