天天看点

innerText和innerHTML的区别和用法

用法:

1、innerHTML:

  也就是从对象的起始位置到终止位置的全部内容,包括Html标签。

2、innerText:

  从起始位置到终止位置的内容, 但它去除Html标签 

区别:

1.innerHTML是符合W3C标准的属性

2.innerText只适用于IE浏览器

推荐用法:

尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包HTML标签的内容后,再用正则表达式去除HTML标签,下面是一个简单的符合W3C标准的示例:

<a href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))" target="_blank" rel="external nofollow" >去除HTML标签后的文本</a>

继续阅读