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,比如
// div.textContent == "this is a text!"
与innerText的区别
•textContent会获取所有元素的content,包括`
语法
•设置
复制代码 代码如下:
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,包括`
推荐阅读
-
HTML中的setCapture和releaseCapture使用介绍_javascript技巧
-
javascript 数组排序函数sort和reverse使用介绍_javascript技巧
-
Javascript 中的 call 和 apply使用介绍_javascript技巧
-
php 中序列化和json使用介绍_javascript技巧
-
JS getAttribute和setAttribute(取得和设置属性)的使用介绍_javascript技巧
-
HTML中的setCapture和releaseCapture使用介绍_javascript技巧
-
js预载入和JavaScript Image()对象使用介绍_javascript技巧
-
JS的encodeURI和java的URLDecoder.decode使用介绍_javascript技巧
-
js预载入和JavaScript Image()对象使用介绍_javascript技巧
-
JS的encodeURI和java的URLDecoder.decode使用介绍_javascript技巧