innerHTML，innerText和outerHTML，outerText的区别
2016-08-07 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
innerHTML，innerText和outerHTML，outerText的区别如下：
1）innerHTML 设置或获取位于对象起始和结束标签内的 HTML内容
2）innerText 设置或获取位于对象起始和结束标签内的文本
3）outerHTML设置或获取对象及其内容的 HTML 形式
4）outerText 设置(包括标签)或获取(不包括标签)对象的文本
重点强调指出：
innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析，而innerText与outerText则不会。
在设置时，innerHTML与innerText仅设置标签内的文本，而outerHTML与outerText设置包括标签在内的文本。
举例说明，在html中有以下代码：
<p id="myid">Here is some <b>interesting</b> text</p>
分别使用innerHTML，innerText和outerHTML，outerText的取值结果如下：
document.all['myid'].innerHTML结果是：Here is some <b>interesting</b> text
document.all['myid'].innerText结果是：Here is some interesting text
document.all['myid'].outerHTML结果是：<p id="myid">Here is some <b>interesting</b> text</p>
document.all['myid'].outerText的结果是：Here is some interesting text
本回答由电脑网络分类达人 郭强推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
