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

今天在使用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>