1、功能讲解:
innerhtml 设置或获取位于对象起始和结束标签内的 html
outerhtml 设置或获取对象及其内容的 html 形式
innertext 设置或获取位于对象起始和结束标签内的文本
outertext 设置(包括标签)或获取(不包括标签)对象的文本
2、示例

• innerhtml效果.


• innertext效果.


• outerhtml效果.


• outertext效果.

3、不同之处:
简单的说innerhtml和outerhtml、innertext与outertext的不同之处在于：
1）、innerhtml与outerhtml在设置对象的内容时包含的html会被解析，而innertext与outertext则不会。
2)、在设置时，innerhtml与innertext仅设置标签内的文本，而outerhtml与outertext设置包括标签在内的文本。

特别说明：
　　innerhtml是符合w3c标准的属性，而innertext只适用于ie浏览器，因此，尽可能地去使用innerhtml，而少用innertext，如果要输出不含html标签的内容，可以使用innerhtml取得包含html标签的内容后，再用正则表达式去除html标签，下面是一个简单的符合w3c标准的示例：
无html,符合w3c标准