安全清理 id 属性需执行「查引用→标记→删除」三步闭环：全局搜索 JS/CSS/HTML 中对 id 的引用，排查第三方库依赖，再用 VS Code 正则精准删除未被引用的 id，删后须逐个验证功能是否正常。
不能直接批量删所有 id 属性，必须先确认哪些 id 真正没被引用——否则 JS 会报 document.getElementById is not a function 或 null 错误，CSS 锚点跳转也会失效。
怎么判断一个 id 是否被引用
真正安全的清理，是「查引用 → 标记 → 删除」三步闭环，不是靠正则盲删：
- 全局搜索
getElementById(、querySelector('#、$('（jQuery）、document.getElementById后紧跟的字符串字面量（注意引号匹配） - 检查 CSS 文件中是否有
#my-id选择器，或url(#my-id)（如 SVG 引用、filter、clipPath） - 搜 HTML 中的
<a href="#my-id"></a>—— 这类锚点跳转不会报错，但删了就失效 - 留意第三方库：Prism.js 的代码块高亮、Tocbot 的目录生成、Chart.js 的 canvas 容器，常依赖特定
id
VSCode 正则安全删除已确认无引用的 id 属性
确认某批 id 可删后，用以下正则精准命中，避免吃掉 data-id 或破坏标签结构：
- 查找：
\sid\s*=\s*["'][^"']*["']（开头带空格或换行，确保只匹配独立属性） - 启用正则模式（
.*按钮）和“全字匹配”（防止test-id里id被单独匹配） - 替换框留空
- 务必先点「全部查找」，逐条确认命中项确实是
id="xxx"，而非data-id="123"或aria-labelledby="xxx"
想保留部分 id（比如只删 tmp- 前缀）
用捕获组配合排除逻辑，比删完再补更可控：
立即学习“前端免费学习笔记（深入）”；
- 查找：
\sid\s*=\s*["'](tmp-[^"']*)["'] - 替换：
（空） - 这个模式在 VS Code / Sublime 都支持，但要注意：若
tmp-出现在其他单词里（如comment-tmp），需加单词边界\b，写成\sid\s*=\s*["']\b(tmp-[^"']*)["'] - 删前建议导出一份
id清单：grep -o 'id=["''][^"'']*["'']' *.html | sed 's/id=["'']\([^"'']*\)["'']/\1/g' | sort -u
删完之后最容易被忽略的坑
真正麻烦的不是正则写得对不对，而是删完没人再验证那些“不报错但功能断了”的地方：
-
document.querySelector('#sidebar')返回null，后续.addEventListener直接静默失败 - SVG 中
<use href="#icon-home"></use>失效，图标变空白 - 页面内锚点跳转（
<a href="#section2"></a>）点击后无反应，也不报错 - 某些框架（如 Alpine.js）用
x-ref="foo"时，如果同时写了id="foo"，删id可能影响 ref 解析
建议把所有被删的 id 名称存进一个临时列表，挨个在浏览器控制台跑 document.getElementById('xxx') 和 getComputedStyle(document.querySelector('#xxx')) 快速过一遍。
