innerText和textContent對(duì)比及使用介紹
更新時(shí)間：2013年02月27日 10:53:35 作者：
innerText使用過程中遇到了FireFox的兼容問題FireFox不支持innerText方法但是有個(gè)類似的方法，叫textContent，類似innerText，都是用來獲?。ㄔO(shè)置）元素中text的方法,感興趣的朋友可以參考下
今天在使用innerText時(shí)遇到一個(gè)兼容性問題，F(xiàn)ireFox不支持innerText方法，查了下MDN，發(fā)現(xiàn)FireFox下有個(gè)類似的方法，叫textContent，它和IE的innerText類似， 都是用來獲?。ㄔO(shè)置）元素中text的方法。
語法
•設(shè)置
element.textContent = “text”;
•獲取
var text = element.textContent;
Note: textContent和innerText類似，也會(huì)同時(shí)獲取子元素的text content，比如
<div>this is <span>a</span> text!</div>
// div.textContent == "this is a text!"
與innerText的區(qū)別
•textContent會(huì)獲取所有元素的content，包括`<script>`和`<style>`元素
•innerText不會(huì)獲取hidden元素的content，而textContent不會(huì)
•innerText會(huì)觸發(fā)reflow，而textContent不會(huì)
•innerText返回值會(huì)被格式化，而textContent不會(huì)
主流瀏覽器支持情況
•IE 9+
•Chrome 1+
•FireFox(Gecko)
語法
•設(shè)置
復(fù)制代碼 代碼如下:
element.textContent = “text”;
•獲取
復(fù)制代碼 代碼如下:
var text = element.textContent;
復(fù)制代碼 代碼如下:
Note: textContent和innerText類似，也會(huì)同時(shí)獲取子元素的text content，比如
<div>this is <span>a</span> text!</div>
// div.textContent == "this is a text!"
與innerText的區(qū)別
•textContent會(huì)獲取所有元素的content，包括`<script>`和`<style>`元素
•innerText不會(huì)獲取hidden元素的content，而textContent不會(huì)
•innerText會(huì)觸發(fā)reflow，而textContent不會(huì)
•innerText返回值會(huì)被格式化，而textContent不會(huì)
主流瀏覽器支持情況
•IE 9+
•Chrome 1+
•FireFox(Gecko)
相關(guān)文章
本文介紹了如何使用Javascript中的this關(guān)鍵字，文中代碼簡(jiǎn)單易懂，對(duì)大家的學(xué)習(xí)或工作有一定幫助，需要的朋友可以參考下2020-05-05
這篇文章主要為大家詳細(xì)介紹了JavaScript仿微博發(fā)布信息案例,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
用js實(shí)現(xiàn)table單元格高寬調(diào)整,兼容合并單元格(兼容IE6、7、8、FF)實(shí)例
用js實(shí)現(xiàn)table單元格寬度和高度調(diào)整,有合并單元格也可以的.兼容IE6,7,8以及FF,附上代碼css,html,js三部份，有需要的朋友可以參考一下2013-06-06
禁用JavaScript控制臺(tái)調(diào)試的方法
這篇文章主要介紹了禁用JavaScript控制臺(tái)調(diào)試的方法,需要的朋友可以參考下2014-03-03
JavaScript中運(yùn)算符規(guī)則和隱式類型轉(zhuǎn)換示例詳解
JavaScript中運(yùn)算符規(guī)則的隱式類型轉(zhuǎn)換是什么? 這是每個(gè)學(xué)習(xí)Javascript的新手們都應(yīng)該知道的一個(gè)問題，下面這篇文章主要給大家介紹了關(guān)于JavaScript中運(yùn)算符規(guī)則和隱式類型轉(zhuǎn)換的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧。2017-09-09
列表組是靈活又強(qiáng)大的組件,不僅能用于顯示一組簡(jiǎn)單的元素,還能用于復(fù)雜的定制的內(nèi)容。本文給大家介紹Bootstrap列表組組件，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
localStorage實(shí)現(xiàn)便簽小程序
這篇文章主要為大家詳細(xì)介紹了localStorage實(shí)現(xiàn)便簽小程序的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
本文主要介紹了JavaScript函數(shù)返回值,包括基本返回值、多返回值、異步函數(shù)的返回值等,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-01-01
nullJavascript中創(chuàng)建對(duì)象的五種方法實(shí)例
今天上午，非常郁悶，有很多簡(jiǎn)單基礎(chǔ)的問題搞得我有些迷茫，哎，代碼幾天不寫就忘。目前又不當(dāng)COO，還是得用心記代碼哦！2013-05-05
基于JavaScript實(shí)現(xiàn)焦點(diǎn)圖輪播效果
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)焦點(diǎn)圖輪播效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03