做个东东,程序里突然发现获取文字用的不是我一直用的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区别


如您从本文得到了有价值的信息或帮助,请考虑扫描文末的二维码对我进行赞赏和鼓励。

与《innerHTML,innerText与outerText的区别》相关的博文:


留言

avatar
😀
😀😁😂😅😭🤭😋😘🤔😰😱🤪💪👍👎🤝🌹👌