当前位置: 首页 > Web前端 > HTML

关于DOM的疑惑(三)

时间:2023-04-02 12:11:37 HTML

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

执行效果等于:

txt

outerHTML的执行,
执行效果等于:

txt

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