innerText与innerHTML属性有什么区别

2018-04-2809:36:18网页制作Comments3,204 views字数 576阅读模式

innerText:

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

innerHTML:

  1. 使用innerHTML来获取标签间内容的时候,如果标签间是纯文本内容的话,则是直接获取。如果标签间有嵌套标签的话,则会将文本和标签一并获取。
  2. 使用innerHTML 给标签设置内容的时候,如果设置的内容是纯文本的话,则是直接设置或者覆盖设置。如果设置的内容里面,有嵌套标签的话,设置文本的时候只会显示文本,若加上文本标签,则文本标签和文本都会在浏览器中渲染出来,也可以用来做动态创建元素的方式。
  3. 没有兼容性的问题,各浏览器都支持 。
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/3373.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/zhizuo/3373.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定