textContent 替换 innerText 可提升性能并保证兼容性，因 textContent 不触发重排、行为跨浏览器一致，但需注意语义差异及特殊场景如 input 元素应改用 value。
直接用 textContent 替换 innerText 是提升页面解析性能的有效做法，关键在于避免不必要的样式计算和 DOM 重排。
textContent 不触发重排，innerText 会强制计算布局
innerText 在读取或设置时，浏览器必须检查元素的 CSS 样式（比如 display: none、visibility: hidden）、行高、换行逻辑等，从而触发同步布局（reflow）。这在循环操作或高频更新中会明显拖慢渲染。textContent 完全跳过样式层，只操作文本节点，无 layout 开销。
- 设置
el.innerText = 'hello'→ 浏览器立即计算可见区域、换行位置、隐藏内容是否计入 - 设置
el.textContent = 'hello'→ 直接更新文本节点，不查样式、不重排
textContent 行为稳定，innerText 跨浏览器不一致
innerText 在旧版 IE 中忽略伪元素（如 ::after）、不处理 clear: both，在 Firefox 早期版本甚至不支持；而 textContent 自 IE9 起已成标准，现代所有浏览器行为完全一致。使用 textContent 可消除因浏览器差异导致的意外空白、换行丢失或内容截断问题。
- a
-
innerText返回"a"（b 被忽略） -
textContent返回"ab"（全部子节点文本拼接）
替换方法简单，兼容性无压力
绝大多数场景下，把 .innerText 改成 .textContent 即可生效。若需支持极少数仍需兼容 IE8 及更早版本的项目，可加轻量回退：
el.textContent !== undefined ? el.textContent = text : el.innerText = text;
};
- 现代项目可直接全局搜索替换
.innerText =为.textContent = - 对
input或textarea元素，应改用.value，而非 textContent/innerText - 若原逻辑依赖 innerText 的“折叠空白”特性（如把多个空格转为一个），需额外用
text.replace(/\s+/g, ' ').trim()模拟
注意：不是所有地方都能直接换
textContent 和 innerText 语义不同，不能无脑替换。例如：
- 需要获取用户“实际看到的文本”（含 CSS 隐藏影响、换行折叠）→ 仍需 innerText
- 仅需安全写入纯文本、更新计数器、日志输出、表单提示 → textContent 更准更快
- 想保留换行缩进（如代码块展示）→ textContent 天然支持，innerText 会抹掉
