首页 > 代码库 > innerHTML和outerHTML有什么区别
innerHTML和outerHTML有什么区别
一、区别:
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有什么区别
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。