快捷導(dǎo)航

innerText和textContent對(duì)比及使用介紹

更新時(shí)間：2013年02月27日 10:53:35 作者：

innerText使用過(guò)程中遇到了FireFox的兼容問(wèn)題FireFox不支持innerText方法但是有個(gè)類似的方法，叫textContent，類似innerText，都是用來(lái)獲?。ㄔO(shè)置）元素中text的方法,感興趣的朋友可以參考下

今天在使用innerText時(shí)遇到一個(gè)兼容性問(wèn)題，F(xiàn)ireFox不支持innerText方法，查了下MDN，發(fā)現(xiàn)FireFox下有個(gè)類似的方法，叫textContent，它和IE的innerText類似，都是用來(lái)獲?。ㄔO(shè)置）元素中text的方法。

語(yǔ)法
•設(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)文章

IE與Firefox在JavaScript上的7個(gè)不同句法分享
盡管那需要用長(zhǎng)串的、沉悶的不同分支代碼來(lái)應(yīng)付不同瀏覽器的日子已經(jīng)過(guò)去，偶爾還是有必要做一些簡(jiǎn)單的區(qū)分和目標(biāo)檢測(cè)來(lái)確保某塊代碼能在用戶的機(jī)器上正常運(yùn)行
2011-10-10
JS實(shí)現(xiàn)帶導(dǎo)航城市列表以及輸入搜索功能
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)帶導(dǎo)航城市列表以及輸入搜索功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-01-01
js實(shí)現(xiàn)電燈開關(guān)效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)電燈開關(guān)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-01-01
基于原生js實(shí)現(xiàn)判斷元素是否有指定class名
這篇文章主要介紹了基于原生js實(shí)現(xiàn)判斷元素是否有指定class名,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-07-07
javascript實(shí)現(xiàn)判斷鼠標(biāo)的狀態(tài)
這篇文章主要介紹了javascript實(shí)現(xiàn)判斷鼠標(biāo)的狀態(tài)的相關(guān)代碼，十分簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。
2015-07-07
JavaScript中的ubound函數(shù)使用實(shí)例
這篇文章主要介紹了JavaScript中的ubound函數(shù)使用實(shí)例,本文先是講解了ubound函數(shù)的語(yǔ)法,然后給出了用法代碼實(shí)例,需要的朋友可以參考下
2014-11-11
JS+DIV+CSS實(shí)現(xiàn)仿表單下拉列表效果
這篇文章主要介紹了JS+DIV+CSS實(shí)現(xiàn)仿表單下拉列表效果,涉及javascript鼠標(biāo)事件及頁(yè)面元素的動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
js實(shí)現(xiàn)模態(tài)框的拖拽效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)模態(tài)框的拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
深入webpack打包原理及l(fā)oader和plugin的實(shí)現(xiàn)
這篇文章主要介紹了深入webpack打包原理及l(fā)oader和plugin的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-05-05
js獲取域名的方法
這篇文章主要介紹了js獲取域名的方法,涉及window.location中常見方法的使用技巧,需要的朋友可以參考下
2015-01-01