隐藏

innerHTML和outerHTML有什么区别

发布:2023/6/9 15:56:14作者:管理员 来源:本站 浏览次数:663

一、区别


   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>


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