innerHTML和innerText区别

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

  • innerText指的是从起始位置到终止位置的内容,但它去除Html标签。

  • outerHTML指的是除了包含innerHTML的全部内容外, 还包含对象标签本身。

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

下面是一个简单的符合W3C标准的示例:

<script>
    var content = document.getElementById(“p1″);
    alert(content.innerHTML.replace(/& lt;.+?>/gim,”));
</script>
志遥 wechat
微信扫一扫,我在丁香园记公众号等你