innerHTML、innerText和document.write的区别

innerHTML:页面获取内容的时候,会把标签也获取到,就是标签会渲染到页面上,如果内容中有标签,会解析标签。

innerText:页面获取内容的时候,会把标签过滤掉,会对标签进行转义。

*老版本的fireFox不支持此属性,支持textContent。

document.write是直接写入到页面的内容流,如果在写之前没有调用document.open, 浏览器会自动调用open。每次写完关闭之后重新调用该函数,会导致页面被重写。

innerHTML则是DOM页面元素的一个属性,代表该元素的html内容。你可以精确到某一个具体的元素来进行更改。如果想修改document的内容,则需要修改document.documentElement.innerElement。
innerHTML将内容写入某个DOM节点,不会导致页面全部重绘
 
innerHTML很多情况下都优于document.write,其原因在于其允许更精确的控制要刷新页面的那一个部分。

猜你喜欢

转载自www.cnblogs.com/moveup/p/9637485.html