首页 > 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>`元素 <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>
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板