请知悉:本文最近一次更新为 11年 前,文中内容可能已经过时。

做个东东,程序里突然发现获取文字用的不是我一直用的innerHTML而是outerText,额,还别说,这个outerText我还真不熟悉,我就算取标签内文字也是用innerText的,所以好奇心的驱使下,我找了一些资料理清思路:
以下资料来自CSDN
https://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
😀
😀😁😂😅😭🤭😋😘🤔😰😱🤪💪👍👎🤝🌹👌