码迷,mamicode.com
首页 > Web开发 > 详细

innerHTML和outerHTML有什么区别

时间:2016-08-26 11:59:33      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:


一、区别:

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有什么区别

innerHTML和outerHTML有什么区别

标签:

原文地址:http://www.cnblogs.com/zlay0701/p/5809750.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!