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