innerHTML和outerHTML有什么区别

一、区别

1）innerHTML:
　　从对象的起始位置到终止位置的全部内容, 不包括HTML标签。
2）outerHTML:
　　除了包含innerHTML的全部内容外, 还包含对象标签本身。

二、例子

<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>

其中，红色部分就是差异之处。