innerHTML和outerHTML先说一个几乎耳熟能详的吧。innerHTML和outerHTML中的内容将被解析为DOM子树。第二个是,

innerHTML和outerHTML先说一个几乎耳熟能详的吧。innerHTML和outerHTML中的内容将被解析为DOM子树。第二个是,
txt
txt
表示原来的div消失了,外层的HTML调用整个节点都被替换了。但是div还存在,并没有被删除,可以通过console.log(txt)看到。好的,这些都是众所周知的。在使用innerHTML或者outerHTML的过程中,会出现一个script相关的小细节,但不是ie8-中script的non-scope问题(这个也是众所周知的)。小细节:";这种代码在浏览器中运行会报错。错误在第四行。修改第四行如下,不会报错:txt.innerHTML="";需要加转义符,但是第三行结尾不需要转义符就不会出错。原因是浏览器在解析时遇到,会认为是结束标签,会对应第一行的,请记住转义符。innerText和outerText最大的区别在于是否会改变调用它们的节点本身,类似于上面第二部分innerHTML和outerHTML的描述。outerText没有写入规范,不推荐使用,会导致调用它的节点自己消失。innerText和textContent的区别总结:①InnerText会忽略