当前位置：首页 > 资讯 > 技术文档

innerText和textContent对比及使用介绍

时间：2020-05-20 06:02 编辑：来源：阅读：
扫一扫，手机访问

摘要：innerText和textContent对比及使用介绍

今天在使用innerText时遇到一个兼容性问题，FireFox不支持innerText方法，查了下MDN，发现FireFox下有个类似的方法，叫textContent，它和IE的innerText类似，都是用来获取（设置）元素中text的方法。 [b]语法[/b] •设置

[u]复制代码[/u] 代码如下:

element.textContent = “text”;

•获取

[u]复制代码[/u] 代码如下:

var text = element.textContent;

[u]复制代码[/u] 代码如下:

[b]Note[/b]: textContent和innerText类似，也会同时获取子元素的text content，比如
<div>this is <span>a</span> text!</div>
// div.textContent == "this is a text!"

[b]与innerText的区别 [/b]•textContent会获取所有元素的content，包括`<script>`和`<style>`元素 •innerText不会获取hidden元素的content，而textContent不会 •innerText会触发reflow，而textContent不会 •innerText返回值会被格式化，而textContent不会 [b]主流浏览器支持情况[/b] •IE 9+ •Chrome 1+ •FireFox(Gecko)

全部评论(0)

上一篇：js用Date对象的setDate()函数对日期进行加减操作
下一篇：原生JS简单实现ajax的方法示例

资讯排行榜
更多>>