자바 스크립트로 만든 요소의 소스 코드를 가져 오는 방법은 무엇입니까?

Question

자바 스크립트로이 요소를 만들었습니다.

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> 

div로 divElem을 출력하면 div [개체 HTMLDivElement]라고 표시됩니다. 내 질문은 어떻게 내가 div, textarea 또는 뭔가, 내가 소스 코드를 복사 할 수있는 divElem의 소스 코드를 출력 할 수 있습니까? 왜냐하면 나는 다른 id를 가진 그 요소들의 thousend를 생성하기 때문에 이것을 필요로한다.

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>