innerHTML innerText outerHTML outerText的区别

这是我做过的一个笔试题，是曾任职过腾讯的一个面试官考的，还特别耐心的讲解了下，在答题时，我的js基础是-的，连基本类型都不知道；今天看教程看到这里就赶快查看一下

element.innerHTML="替换的内容"

innerHTML会把element的下一层内容替换了，不会替换本身，替换内容里面如果有标签就会解析了标签， ；

innerText会把element的下一层内容替换了，不会替换element本身，替换内容里面如果有标签不会解析，会按照普通内容输出来；

outerHTML会把element整个都替换了，替换内容里面如果有标签会解析；

outerText会把element整个都替换了，替换内容里面如果有标签不会解析会按照普通内容输出；

如果整个内容没有标签修饰，谷歌会给这个文本添加引号。

在火狐里面outerText没有反应，innerText可以的；

因为innerText和outerText不是w3c的标准；

　　innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签，下面是一个简单的符合W3C标准的示例：

<a href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">无HTML,符合W3C标准</a>