详谈innerHTML innerText的实现使用和区别

  

文档对象中有这两个属性,都是获取文档对象文本内容,但使用起来还是有区别的;

  

1)设置或获取标签所包含的HTML +文本信息()

  

2) outerHTML设置或获取标签自身及其所包含的HTML +文本信息(包括自身)

  

3)设置或获取标签所包含的文本信息()

  

4) outerText设置或获取标签自身及其所包含的文本信息(包括自身)

  

, 详谈innerHTML innerText的实现使用和区别

  

innerText和实现outerText在获取的时候是相同效果,但在设置时,innerText的实现文本,而outerText设置包含的文本。

  

  

,

  

详谈innerHTML innerText的实现使用和区别

  

通过IE浏览器打开,弹出内容为和

  

通过Firefox浏览器打开,弹出内容为和

  

通过chrome浏览器打开,弹出的内容为和

  

  

  

, 详谈innerHTML innerText的实现使用和区别

  

通过IE浏览器打开,弹出内容为和

  

通过Firefox浏览器打开,弹出内容为和

  

通过chrome浏览器打开,弹出的内容为和

  

  

:

  

  

1) innerHTML, outerHTML在设置标签之间的内容时,包含的HTML会被解析;而innerText,实现outerText则不会;

  

2) innerHTML, innerText仅实现设置标签之间的文本,而outerHTML, outerText设置包含自身标签在内文本

  

以上这篇详谈innerHTML innerText的实现使用和区别就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

详谈innerHTML innerText的实现使用和区别