Heim > Web-Frontend > js-Tutorial > innerText和textContent对比及使用介绍_javascript技巧

innerText和textContent对比及使用介绍_javascript技巧

WBOY
Freigeben: 2016-05-16 17:41:22
Original
1141 Leute haben es durchsucht

今天在使用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>`元素 <BR>&#8226;innerText不会获取hidden元素的content,而textContent不会 <BR>&#8226;innerText会触发reflow,而textContent不会 <BR>&#8226;innerText返回值会被格式化,而textContent不会<br><br><STRONG>主流浏览器支持情况 <BR>&#8226;IE 9+ <BR>&#8226;Chrome 1+ <BR>&#8226;FireFox(Gecko) </script>
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage