一、區別：
1）innerHTML:
從對象的起始位置到終止位置的全部內容,不包括Html標簽。
2）outerHTML:
除了包含innerHTML的全部內容外, 還包含對象標簽本身。
二、例子1：
<div id="test">
<span style="color:red">test1</span> test2
</div>
1）innerHTML的值是“<span style="color:red">test1</span> test2 ”
2）outerHTML的值是<div id="test"><span style="color:red">test1</span> test2</div>
三. 例子2:
<body>
<div>aa</div>
</body>
通過document.body.innerHTML獲取到的內容是:<div>aa</div>
通過document.body.outerHTML獲取到的內容是:<body><div>aa</div></body>
Δ 需要注意的是outerHTML屬性只有IE瀏覽器才有，其它瀏覽器是不支持的
轉自 : innerHTML和outerHTML有什么區別
