欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-09 15:16:15
...
今天在使用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,包括`