低版本Firefox支持innerText属性兼容方法

最新推荐文章于 2023-09-14 21:55:31 发布

baiding1123

最新推荐文章于 2023-09-14 21:55:31 发布

阅读量1.3k

点赞数

分类专栏： JavaScript_实例文章标签： innerText javascript

本文链接：https://blog.csdn.net/baiding1123/article/details/51459317

版权

JavaScript_实例专栏收录该内容

8 篇文章 0 订阅

订阅专栏

FireFox支持innerText属性了，很遗憾是44.0.2版还需要兼容处理

innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签或者用innerText更便捷。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>innerText</title>
</head>
<body>
<div id="hello">this is a paragraph <p>hello world</p></div>
	<script>

		if(!('innerText' in document.body)){ /* 一个不是w3c标准的属性 能展现节点及子节点的文本 FireFox 45以下版本不支持， 45及之后的版本都支持了*/
			HTMLElement.prototype.__defineGetter__("innerText", function(){
				return this.textContent;
			});
			HTMLElement.prototype.__defineSetter__("innerText", function(s){
				return this.textContent = s;
			});
		}
   		var p = document.getElementById('hello');
   		console.log(p.innerText);

   		p.innerText = "the paragraph has changed!";
   		console.log(p.innerText);

	</script>
</body>
</html>

FireFox输出：

this is a paragraph hello world

the paragraph has changed!

Chrome输出：

this is a paragraph
hello world
the paragraph has changed!

baiding1123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
低版本Firefox支持innerText属性兼容方法

FireFox支持innerText属性了，很遗憾是44.0.2版还需要兼容处理innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签
复制链接

扫一扫