阿本

innerHTML和innerText有什么区别?
innerHTML和innerText在实际操作中怎么用?javascript中如何选择使用,注意事项。<d...
扫描右侧二维码阅读全文
25
2018/08

innerHTML和innerText有什么区别?

innerHTML和innerText在实际操作中怎么用?
javascript中如何选择使用,注意事项。

<div id="test"> 
<span style="color:red">test1</span> test2 
</div> 

<a href="javascript:alert(test.innerHTML)">innerHTML内容</a> 
<a href="javascript:alert(test.innerText)">inerText内容</a>

共同点:innerHTML和innerText都会把元素内内容替换掉。
不同点(从实例结果分析):
1,innerHTML: “test1 test2 ”
   也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
2,innerText: “test1 test2”
   从起始位置到终止位置的内容, 但它去除Html标签

相信看到这里你已经知道它们两个的区别了吧
但博主还是建议:
innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器
多用标准的东西总是好的。

Last modification:August 25th, 2018 at 12:26 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment