不废话了,请看下文示例介绍。
用法:
test2
在JS中可以使用:
test.innerHTML:
也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
上例中的
test.innerText:
上例中的text.innerTest的值也就是“test1 test2”,其中span标签去除了。
test.outerHTML:
除了包含innerHTML的全部内容外,还包含对象标签本身。
上例中的text.outerHTML的值也就是
特别说明:
innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签,下面是一个简单的符合W3C标准的示例:
innerHTML和innerText如何区分?
示例代码:
共同点:
不同点:
也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
上例中的test.innerHTML的值也就是“ test2 ”。
值得注意的是,innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签。
以上就是介绍JavaScript中innerHTML,innerText,outerHTML的用法及区别,希望大家喜欢。