1. 程式人生 > >innerHTML、innerText和document.write的區別

innerHTML、innerText和document.write的區別

重繪 頁面 自動 原因 一個 內容 tco ont firefox

innerHTML:頁面獲取內容的時候,會把標簽也獲取到,就是標簽會渲染到頁面上,如果內容中有標簽,會解析標簽。

innerText:頁面獲取內容的時候,會把標簽過濾掉,會對標簽進行轉義。

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

document.write是直接寫入到頁面的內容流,如果在寫之前沒有調用document.open, 瀏覽器會自動調用open。每次寫完關閉之後重新調用該函數,會導致頁面被重寫。

innerHTML則是DOM頁面元素的一個屬性,代表該元素的html內容。你可以精確到某一個具體的元素來進行更改。如果想修改document的內容,則需要修改document.documentElement.innerElement。 innerHTML將內容寫入某個DOM節點,不會導致頁面全部重繪 innerHTML很多情況下都優於document.write,其原因在於其允許更精確的控制要刷新頁面的那一個部分。

innerHTML、innerText和document.write的區別