JavaScript InnerHTMLとOuterHTMLの違い

この要素のinnerHTML/outerHTMLを取得する
<div id="myText">
 <b>TEST</b>
</div>
innerHTML
<div id="myInnerHTML">
</div>
outerHTML
<div id="myOuterHTML">
</div>
<script>
 var myText = document.getElementById('myText');
 document.getElementById('myInnerHTML').innerText = myText.innerHTML;
 document.getElementById('myOuterHTML').innerText = myText.outerHTML;
</script>
↓ 結果
innerHTML
<b>TEST</b>
※DIV要素の中のHTMLを取得
outerHTML
<div id="myText">
<b>TEST</b>
</div>
※DIV要素を含めての全てのHTMLを取得