innerHTML和innerText有哪些区别

本篇内容介绍了"innerHTML和innerText有哪些区别"的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

概述

innerHTML 是指从对象的起始位置到终止位置的全部内容，还包括 HTML 标签。

innerText 是指去掉标签的内容。

区别

我们直接用代码来看下它们的区别：

                        
         
这段话包括标签会被全部输出
         
        
         
这段话输出部分不包含标签
         
        innerHTML输出        innerText输出

当我点击第一个链接时，出现的弹窗内容为"

这段话包括标签会被全部输出

而当我点击第二个链接时，出现的弹窗内容为"这段话输出部分不包含标签"。并没有包括标签内容。

使用说明

在开发中，innerHTML 是符合 W3C 标准的，而 innerText 只适用于 IE 浏览器。所以还是尽可能的使用 innerHTML。

如果想要输出的内容不包括标签，可以先使用 innerHTML 取得内容，再用正则表达式去除 HTML 标签。如下：

去除HTML标签后的文本

"innerHTML和innerText有哪些区别"的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站，小编将为大家输出更多高质量的实用文章！