innerText与innerHTML差异：为何末尾空格显示不同？

在你遇到的场景里，二者的核心差异在于文本内容的处理逻辑完全不同：

• innerHTML 返回的是元素内部的原始HTML源码内容，源码里写了末尾空格，它就原封不动返回，所以你得到了带末尾空格的 "2 #2 "。
• innerText 是模拟浏览器渲染后的文本内容，它会遵循CSS的文本渲染规则：自动修剪元素末尾的空白字符（包括空格、换行等），同时还会合并连续的空白字符。这就是为什么你得到的结果是去掉了末尾空格的 "2 #2"。

哪怕只涉及纯文本内容，innerText 也不是简单提取文本，它会模拟浏览器实际显示的文本效果——浏览器渲染时本来就不会显示元素末尾的多余空格，所以innerText 会把这些“不可见”的空白字符去掉。而innerHTML 不管渲染效果，只返回源码里的原始内容。

内容的提问来源于stack exchange，提问作者Sr.Jose