innerHTML和outerHTML的区别

innerHTML:
从对象的起始位置到终止位置的全部内容,不包括Html标签。
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>