html 관련해서 TㅅT 고수님들께 질문 드립니다.

html기반의 웹사이트에서
클릭을 누르면 숨겨진 textarea의 텍스트를 복사하는 글을 작성하려고 합니다 TㅅT
근데 줄바꿈은 복사가 되지 않습니다…
코딩 고수님들께 도움을 구하고자 합니다.
해당 내용에서 추가하여 textarea의 내용
1
2
3
을 복사할 수 있는 방법이 있을까요
(클릭 후 붙여넣기하면
1
2
3
이 출력되야 합니다!!)
해당 내용 코드 입니다 TㅅT

// 클립보드로 복사하는 기능을 생성

function copyToClipboard(elementId) {
// 글을 쓸 수 있는 란을 만든다.
var aux = document.createElement("input");
// 지정된 요소의 값을 할당 한다.
aux.setAttribute("value", document.getElementById(elementId).innerHTML);
// bdy에 추가한다.
document.body.appendChild(aux);
// 지정된 내용을 강조한다.
aux.select();
// 텍스트를 카피 하는 변수를 생성
document.execCommand("copy");
// body 로 부터 다시 반환 한다.
document.body.removeChild(aux);
}
</script>
<!--// 버튼 만들기-->
<button
style="color:red;background:yellow;font-size:1em;"
onclick="copyToClipboard('text1')">[클릭시 텍스트 복사]
</button>
<!-- text1 화면 볼 때 화면-->
<p>1</p>
<p>2</p>
<p>3</p>
<br>
<!--복사할 텍스트 만들기-->
<div style="display:none">
<textarea id="text1" name="text1" style="height:500px;width:1000px;">
1
2
3
</textarea>
</div>

이 글은 거의 사용되지 않는 외부링크( 네이버 블로그 ) 로 클릭을 유도하고 있어
소스를 포함하도록 수정되었습니다.

사용중인 블로그나 카페는 홍보, 그렇지 않은 블로그나 카페는 해킹이나 스니핑의 의도가 있을수 있어 조심스러우니, github, ideone 처럼 소스를 공유할 목적으로 만들어진 사이트를 통하시거나
직접 코톡에 백쿼트 세 개로 싸서 올려주시기 바랍니다.

function copyToClipboard(elementId) {
	// var aux = document.createElement("input");
	var aux = document.createElement("textarea");

	// aux.setAttribute("value", document.getElementById(elementId).innerHTML);
	aux.value = document.getElementById(elementId).innerHTML;
	
	document.body.appendChild(aux);
	aux.select();
	document.execCommand("copy");
	document.body.removeChild(aux);
}

자바스크립트 코드만 수정해드렸습니다.
코드를 바꿨을 때 어떤 차이가 있는지는 직접 확인해보세요.
removeChild만 지워도 input과 textarea에 어떤 차이가 있는지 아실 수 있을거고
개발자 도구로 html 소스의 변화를 확인하시면 왜 setAttribute대신 .value를 써야 하는지 알 수 있으실거에요.