今天在使用innerText時遇到一個兼容性問題,FireFox不支持innerText方法,查了下MDN,發現FireFox下有個類似的方法,叫textContent,它和IE的innerText類似, 都是用來獲取(設置)元素中text的方法。
語法 •設置
復制代碼 代碼如下:
element.textContent = “text”;
•獲取
復制代碼 代碼如下:
var text = element.textContent;
復制代碼 代碼如下:
Note: textContent和innerText類似,也會同時獲取子元素的text content,比如
<div>this is <span>a</span> text!</div>
// 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)