首頁 > web前端 > js教程 > innerText和textContent比較及使用介紹_javascript技巧

innerText和textContent比較及使用介紹_javascript技巧

WBOY
發布: 2016-05-16 17:41:22
原創
1140 人瀏覽過

今天在使用innerText時遇到一個相容性問題,FireFox不支援innerText方法,查了下MDN,發現FireFox下有類似的方法,叫做textContent,它和IE的innerText類似, 都是用來取得(設定)元素中text的方法。

語法
•設置

複製代碼 代碼如下:

element.textContent = “text”;

•取得
複製碼> 程式碼如下:


var text = element.textContent;

複製程式碼

複製程式碼


複製程式碼🎜> 程式碼如下:

Note
: textContent和innerText類似,也會同時取得子元素的text content,例如
this is a text!

// div.textContent == "this is a text!"

與innerText的區別

• textContent會取得所有元素的content,包括`<script>`和`<style>`元素<🎜>•innerText不會取得hidden元素的content,而textContent不會<🎜>•innerText會觸發reflow,而textContent不會<🎜>•innerText回傳值會格式化,而textContent不會<🎜><🎜><🎜>主流瀏覽器支援情況<🎜> <🎜>•IE 9 <🎜>•Chrome 1 <🎜>• FireFox(Gecko)</script>
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板