使用querySelectorAll时，无法在句号和引号后插入空格

你的核心问题在于正则表达式的分组替换逻辑有漏洞——处理引号的分支捕获内容没有被正确代入替换字符串，导致引号后的空格无法生效。以下是修正后的方案：

修正后的代码 #

document.querySelectorAll('*:not(a):not(img)').forEach(element => {
  const originalText = element.textContent;
  // 匹配两种情况：标点后无空格、引号后无空格，在其后插入空格
  const fixedText = originalText.replace(/([.,:;!?])(?=\S)|(["'])(?=\S)/g, "$1$2 ");
  element.textContent = fixedText;
});

正则规则说明 #

• ([.,:;!?])(?=\S)：匹配标点符号（.,:;!?），且该标点后紧跟非空白字符（通过正向断言(?=\S)判断），捕获标点本身后在其后方添加空格
• (["'])(?=\S)：匹配双引号或单引号，且引号后紧跟非空白字符，捕获引号本身后在其后方添加空格
• 替换字符串"$1$2 "：两个分支的捕获组分别对应$1和$2，无论匹配哪个分支，都会保留捕获到的符号并追加空格

额外优化提示 #

• 如果需要避免在缩写（比如Mr.Smith）中错误添加空格，可以进一步细化正则规则（比如判断标点前是否为常见缩写后缀），但通用场景下上述正则已足够覆盖需求
• 代码中排除a和img元素的逻辑是合理的，避免了链接文本、图片alt内容被错误修改

内容的提问来源于stack exchange，提问作者Vanyar