直接操作HTML字符串比DOM快，适合预处理；需用/g标志全局替换；删文本节点内容须用nodeValue而非textContent；删注释用//g。
用 replace() 批量删 HTML 字符串里的特定文本
直接操作字符串比操作 DOM 更快，适合预处理、日志清洗或服务端渲染前的清理。关键不是“删 HTML”，而是删 HTML 字符串中**纯文本部分**的指定字符（比如删所有 、删多余空格、删连续换行）。
常见错误是写 str.replace('a', '') 只删第一个 a；必须加 g 标志才能全局替换。
- 删所有不间断空格：
htmlStr.replace(/ /g, '') - 删连续 2+ 个空白字符（含空格、制表、换行）：
htmlStr.replace(/\s{2,}/g, ' ') - 删开头结尾空白 + 中间多个空白压成一个：
htmlStr.replace(/^\s+|\s+$/g, '').replace(/\s+/g, ' ') - 注意：正则里
\s匹配
在 DOM 中批量删元素内文本里的特定字符
不能靠 innerHTML.replace() 直接改——会破坏事件绑定、输入框值、富文本状态。必须定位到**文本节点**再改内容。
比如要把所有 p 标签里出现的 [deprecated] 文本删掉，又不碰里面的 <span></span> 或链接：
立即学习“前端免费学习笔记（深入）”；
- 用
document.querySelectorAll('p')拿到所有段落 - 对每个
p，遍历其childNodes，只处理nodeType === 3（文本节点） - 对文本节点调
nodeValue = node.nodeValue.replace(/\[deprecated\]/g, '') - 别用
textContent赋值——它会抹掉子元素；nodeValue是唯一安全改文本节点内容的方式
删 HTML 标签之间的“冗余字符”但保留结构
比如清理模板生成的 HTML 中大量换行、缩进、注释残留，目标是压缩体积但不破坏语义和 JS 逻辑。
典型场景：SSR 输出、邮件模板、静态站点生成器输出。
- 删 HTML 注释：
htmlStr.replace(/<!--[\s\S]*?-->/g, '')（注意[\s\S]才能跨行） - 删标签间多余空白（非文本内容的空白）：
htmlStr.replace(/>[\s\n\r\t]+, '>')和htmlStr.replace(/[\s\n\r\t]+, ' 配合用 - 但别删
<pre class="brush:php;toolbar:false;"></pre>、<code>内的空白——它们有语义。得先提取这些块，跳过处理 - VSCode/Sublime 里批量操作：搜索
>\s+（启用 <code>.*模式），替换为>；但务必预览，避免误吞 <code>onclick="foo(); bar();"里的换行
为什么不能用 innerHTML = innerHTML.replace(...) 一刀切
这招看着快，实际埋雷最多。DOM 更新后，所有已绑定的事件监听器、input 的当前值、canvas 绘图上下文、第三方组件（如日期选择器）状态全丢。
- 用户正在编辑的表单字段，执行后内容清空，焦点丢失
-
contenteditable区域重刷后光标归零，无法继续输入 - 如果页面用了 MutationObserver 监听 DOM 变化，可能触发无限循环
- 真正安全的做法：只改文本节点（用
nodeValue），或只改属性值（用el.setAttribute()），不动结构
在排版中可能是有意为之，U+200B（零宽空格）可能用于断行控制。删之前，先确认它是不是业务逻辑的一部分。 
