innerText与innerHTML的区别

innerText:

innerText可以获取标签间的内容，如果标签间只有文本的话，则是直接获取。如果标签间还有嵌套标签的话，则会将嵌套标签忽略掉获取文本。
innerText在给标签设置内容的时候，如果是纯文本内容的话，则直接设置或者覆盖设置。如果标签间还有嵌套标签的话，设置文本的时候只会显示文本，若加上文本标签，则会将文本标签用转义符进行转义。
innerText有兼容性的问题，innerText是谷歌和IE浏览器支持的，低版本的火狐浏览器(42)不支持innerText，支持的是textContent 。高版本的火狐浏览器，innerText和textContent两个属性都支持，而IE8及之前的浏览器只支持 innerText，不支持textContent，textContent 是谷歌和火狐支持的。

innerHTML:

使用innerHTML来获取标签间内容的时候，如果标签间是纯文本内容的话，则是直接获取。如果标签间有嵌套标签的话，则会将文本和标签一并获取。
使用innerHTML 给标签设置内容的时候，如果设置的内容是纯文本的话，则是直接设置或者覆盖设置。如果设置的内容里面，有嵌套标签的话，设置文本的时候只会显示文本，若加上文本标签，则文本标签和文本都会在浏览器中渲染出来，也可以用来做动态创建元素的方式。
没有兼容性的问题，各浏览器都支持。

innerText与innerHTML的区别相关推荐

innerText 和 innerHTML的区别
innerText 和 innerHTML的区别 1.innerText不识别html标签,非标准,会自动去除空格和换行 var div = document.querySelector('div') ...
Javascript:innertext和innerhtml的区别
文章目录前言一.区别二.代码示例 1.代码演示 2.最终效果前言在Javascript中,通过控件对象的innertext和innerhtml属性都可以对控件对象的显示文字进行读取和修改,那 ...
innerText 与 innerHtml的区别（一）
innerText 与 innerHtml 都是打印标签之间的文本信息 1.innerText 打印标签之间的纯文本信息,会将标签过滤掉,低版本的火狐浏览器不支持,而是支持textContent & ...
innerText和innerHTML的区别
innerText 不识别htm1标签非标准去除空格和换行 var div = document . querySelector('div'); div.innerText = '<stron ...
JS中innerText和innerHTML的区别
innerText主要是设置文本的,甚至标签内容,是没有标签的效果的. innerHTML主要的作用是在标签中设置新的heml标签内容,是有标签效果的先来看看innerText的效果 <!DO ...
JavaScript中textContent、innerText和innerHTML的用法以及区别
目录 0.码仙励志 1.textContent的用法 1.设置标签中的文本内容 2.获取标签中的文本内容 2.innerText的用法 1.设置标签中的文本内容 2.获取标签中的文本内容 3.inne ...
js操作元素：改变元素内容有两种方式： interText 和 innerHTML的区别，常用的元素的属性操作，仿电脑系统时间问好，表单元素的属性操作，案例：仿京东显示隐藏密码，样式属性操作
文章目录操作元素改变元素内容有两种方式: interText 和 innerHTML的区别常用的元素的属性操作案例:仿电脑系统时间问好表单元素的属性操作案例:仿京东显示隐藏密码样式属性操 ...
innerText和innerHTML改变元素内容
1.innerText: 以点击按钮,div里的文字显示当前时间为例: <button>显示当前系统时间</button> <div>某个时间</div> ...
innerText和innerHTML区别
innerText和innerHTML区别尽管DOM带来了动态修改文档的能力,但对开发人员来说,这还不够.IE4.0为所有的元素引入了两个特性,以更方便的进行文档操作,这两个特性是innerText ...

innerText与innerHTML的区别

innerText:

innerHTML:

innerText与innerHTML的区别相关推荐

最新文章

热门文章