innerHTML屬性，outerHTML屬性，textContent屬性，innerText屬性區(qū)別詳解
更新時間：2015年03月13日 11:19:57 投稿：hebedich
這篇文章主要介紹了javascript中的innerHTML屬性，outerHTML屬性，textContent屬性，innerText屬性區(qū)別詳解，都是個人經驗的總結，分享給大家，希望大家能夠喜歡。
innerHTML屬性用來讀取或設置某個節(jié)點內的HTML代碼。
outerHTML屬性用來讀取或設置HTML代碼時，會把節(jié)點本身包括在內。
textContent屬性用來讀取或設置節(jié)點包含的文本內容。
innerText屬性和outerText屬性在讀取元素節(jié)點的文本內容時，得到的值是不一樣的。它們的不同之處在于設置一個節(jié)點的文本屬性時，outerText屬性會使得原來的元素節(jié)點被文本節(jié)點替換掉。注意，innerText是非標準屬性，Firefox不支持。
1.innerText受CSS影響，textcontent沒有這個問題。比如，如果CSS規(guī)則隱藏了某段文本，innerText就不會返回這段文本，textcontent則照樣返回。
2.innerText返回的文本，會過濾掉空格、換行和回車鍵，textcontent則不會
3.innerText屬性不是DOM標準的一部分，Firefox瀏覽器甚至沒有部署這個屬性，而textcontent是DOM標準的一部分。
以上就是本文的全部內容了，希望對大家學習熟悉javascript能有所幫助。
相關文章
詳細分析Javascript中創(chuàng)建對象的四種方式
這篇文章詳細介紹了Javascript中創(chuàng)建對象的幾種方式與每種方式的優(yōu)缺點，其中包括工廠模式、構造函數模式、原型模式和組合使用構造函數模式和原型模式，有需要的小伙伴們一起來學習學習吧。2016-08-08
JS讀取xml文件具體步驟為：創(chuàng)建DOM對象、加載xml文件(僅適用于IE)附示例代碼，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08
js動態(tài)調用css屬性的小規(guī)律及實例說明
本篇文章主要介紹了js動態(tài)調用css屬性的小規(guī)律及實例說明。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
說到拖拽，應用場景不可謂不多。無論是打開電腦還是手機，第一眼望去的界面都是可拖拽的，靠拖拽實現APP或者應用的重新布局，或者拖拽文件進行操作文件。本文就將利用JS實現拖拽排序，需要的可以參考一下2022-12-12
這篇文章主要為大家詳細介紹了js拖拽的原型聲明和用法總結，感興趣的朋友可以參考一下2016-04-04
這篇文章主要給大家介紹了關于JavaScript反轉數組常用的4種方法,反轉數組可以將數組中的元素順序顛倒過來,從而達到一些特定的需求,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了JS實現刷新父頁面不彈出提示框的方法,實例分析了javascript子窗口的打開以及子窗口與父窗口的交互操作技巧,需要的朋友可以參考下2016-06-06
今天系統的學了一下javascript的內置對象。2011-08-08
layui問題之自動滾動二級iframe頁面到指定位置的方法
今天小編就為大家分享一篇layui問題之自動滾動二級iframe頁面到指定位置的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了js實現當復選框選擇匿名登錄時隱藏登錄框效果,實例分析了javascript動態(tài)操作頁面元素樣式的相關技巧,非常簡單實用,需要的朋友可以參考下2015-08-08