码迷,mamicode.com
首页 > Web开发 > 详细

innerHTML和 innerText的区别

时间:2017-05-12 01:52:08      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:不同   innertext   follow   替换   共同点   正则表达   get   inner   com   

共同点:innerHTML和innerText都会把元素内内容替换掉。
不同点:
1,innerHTML:
  也就是从对象的起始位置到终止位置的全部内容,包括Html标签。

  上例中的test.innerHTML的值也就是“<span style="color:red">test1</span>
test2 ”。
2,innerText:
  从起始位置到终止位置的内容, 但它去除Html标签

  上例中的text.innerTest的值也就是“test1 test2”, 其中span标签去除了。

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

innerHTML和 innerText的区别

标签:不同   innertext   follow   替换   共同点   正则表达   get   inner   com   

原文地址:http://www.cnblogs.com/BlogRegisterboby/p/6843478.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!