innerHTML，innerText和outerHTML，outerText的区别

Answer 1

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

Answer 2

innerHTML 设置或获取位于对象起始和结束标签内的 HTML
outerHTML 设置或获取对象及其内容的 HTML 形式
innerText 设置或获取位于对象起始和结束标签内的文本
outerText 设置(包括标签)或获取(不包括标签)对象的文本