innerHTML和innerText有哪些区别
导读:本文共964字符,通常情况下阅读需要3分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 概述innerHTML 是指从对象的起始位置到终止位置的全部内容,还包括 HTML 标签。innerText 是指去掉标签的内容。区别我们直接用代码来看下它们的区别:<!DOCTYPEhtml><htmllang="en"><head> <metacharset="utf-8&q... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。innerHTML 是指从对象的起始位置到终止位置的全部内容,还包括 HTML 标签。
innerText 是指去掉标签的内容。
我们直接用代码来看下它们的区别:
当我点击第一个链接时,出现的弹窗内容为“<p>这段话包括标签会被全部输出</p>”。
而当我点击第二个链接时,出现的弹窗内容为“这段话输出部分不包含标签”。并没有包括标签内容。
在开发中,innerHTML 是符合 W3C 标准的,而 innerText 只适用于 IE 浏览器。所以还是尽可能的使用 innerHTML。
如果想要输出的内容不包括标签,可以先使用 innerHTML 取得内容,再用正则表达式去除 HTML 标签。如下:
本文:
innerHTML和innerText有哪些区别的详细内容,希望对您有所帮助,信息来源于网络。