Wie wird das äußere HTML eines Elements als Inhalt eines anderen Elements angezeigt?

Question

Ich möchte das Ergebnis von outerHTML direkt auf der Webseite "drucken", aber es schreibt das Ergebnis von outerHTML nicht in den "Code".

Nun, es ist einfach, es zu dem console.log oder zum alert Fenster zu zeigen, aber ich möchte es in die Seite schreiben.

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

Das Ergebnis muss sein:

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

Answer 1

Sie haben .textContent zu verwenden, anstatt .innerHTML

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

Wenn Sie .innerHTML verwenden, dann wird die Zuordnung von Zeichenfolge als HTML-Elemente gerendert werden kein reiner Text.