innerHTML和outerHTML有什么区别

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>