Javascriptで作成された要素のソースコードを取得するには？

Question

私はこの要素をJavascriptで作成しました。

var divElem = document.createElement("div"); 
divElem.setAttribute("id", "testedMeter"); 
divElem.setAttribute("class", "meter"); 
document.getElementById('testDiv').appendChild(divElem); 
console.log(divElem); 

console.logでコンソールに出力すると、この要素のソースコードが取得されています。

<div id="testedMeter" class="meter"></div> 

私がdivElemをdivに出力すると、[object HTMLDivElement]と表示されます。 私の質問は、div、textareaなどにdivElemのソースコードを出力して、ソースコードをコピーできるようにするにはどうすればいいですか？私はこれを必要とします。なぜなら、私は異なるIDを持つこれらの要素の数千を作成するからです。

Answer 1

あなたはtextarea.value = divElem.outerHTML

MDN Element.outerHTML

Answer 2

あなたは.innerHTMLと文字列として要素のHTMLを抽出する必要があります。

var divElem = document.createElement("div"); 
 
divElem.setAttribute("id", "testedMeter"); 
 
divElem.setAttribute("class", "meter"); 
 

 
// First, append the element as you did before: 
 
document.getElementById('testDiv').appendChild(divElem); 
 

 
// Now, you can pull out that child element's HTML with .innerHTML and put that 
 
// string anywhere you like: 
 
document.getElementById('testDiv').textContent = document.getElementById('testDiv').innerHTML;

<div id="testDiv" class="meter"></div>