Edit in JSFiddle

var content = document.getElementById('content');
var sample = document.getElementById('sample');

function inHtml() {
  content.textContent = sample.innerHTML;
}

function inText() {
  content.textContent = sample.textContent;
}

function outHtml() {
  var sample = document.getElementById('sample');
  content.textContent = sample.outerHTML;
}

<button type="button" onclick="inHtml()">innerHTML</button>
<button type="button" onclick="inText()">textContent</button>
<button type="button" onclick="outHtml()">outerHTML</button>
<hr>
<div id="content"></div>
<p>아래의 내용을 불러옵니다.</p>
<hr>
<div id="sample">
  <p><i>innerHTML</i>속성으로 체우면 태그가 적용됩니다.</p>
  <p><i>textContent</i>속성으로 체우면 태그도 일반 텍스트로 취급됩니다.</p>
</div>