DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> innerText和textContent對比及使用介紹
innerText和textContent對比及使用介紹
編輯:關於JavaScript     
今天在使用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)
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved