做个东东,程序里突然发现获取文字用的不是我一直用的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区别
如您从本文得到了有价值的信息或帮助,请考虑扫描文末二维码捐赠和鼓励。
如本文对您有用,捐赠和留言 将是对我最好的支持~(捐赠可转为站内积分)
如愿意,请向朋友推荐本站,谢谢。
尊重他人劳动成果。转载请务必附上原文链接,我将感激不尽。
留言