做个东东,程序里突然发现获取文字用的不是我一直用的innerHTML而是outerText,额,还别说,这个outerText我还真不熟悉,我就算取标签内文字也是用innerText的,所以好奇心的驱使下,我找了一些资料理清思路:
以下资料来自CSDN
http://bbs.csdn.net/topics/300006111#post-300310503
一楼总结:

  • innerHTML 设置或获取位于对象起始和结束标签内的 HTML
  • outerHTML 设置或获取对象及其内容的 HTML 形式
  • innerText 设置或获取位于对象起始和结束标签内的文本
  • outerText 设置(包括标签)或获取(不包括标签)对象的文本

二楼总结:
innerText 设置或获取位于对象起始和结束标签内的文本
outerText 设置(包括标签)或获取(不包括标签)对象的文本
正常情况下:
innerTEXT和outerTEXT都是获取标签内的文本,相同。
四楼总结:
innerText 和outerText 在读取得时候是一样的,只是在设置的时候outerText 会连带标签一起替换成目标文本。

经过前几楼的总结,结合我自己的测试,发现确实是和四楼所说一致,加深了印象。总结成文,留存,以备日后查询。

之前记录的JavaScript方面总结的区别地址:JavaScript-innerHTML-outerHTML-innerText-outerText区别

Related Posts: innerHTML,innerText与outerText的区别 :