最轻量安全的做法是移除a标签的href属性：document.querySelectorAll('a[href]').forEach(a => a.removeAttribute('href'))；若需彻底去链接化则用textContent替换节点；禁用点击可用preventDefault或移除href加tabindex="-1"。
直接移除 a 标签的 href 属性，保留文本和结构
最轻量、最安全的做法不是删掉整个 <a></a> 标签，而是只剥离跳转能力：清空或删除其 href 属性。这样文本还在，样式（如颜色、下划线）通常也保留，DOM 结构完全不变，也不会触发重排或事件丢失。
常见错误是用 innerHTML = '' 或正则替换整段 HTML，这会误删子元素、破坏内联事件、引入 XSS 风险。
- ✅ 推荐做法：
document.querySelectorAll('a[href]').forEach(a => a.removeAttribute('href')) - ⚠️ 注意：如果页面用了 CSS 选择器如
a[href]控制样式，移除href后这些样式会失效（比如链接色变回默认） - ? 补救方式：加一行
a.style.color = 'inherit'; a.style.textDecoration = 'none';保持视觉一致
用 textContent 提取文本并替换整个 a 标签
当必须彻底“去链接化”且允许 DOM 变更时，可把每个 <a></a> 元素替换成纯文本节点。这比 innerHTML 替换更安全，不执行脚本、不解析 HTML、无 XSS 风险。
但要注意：原 <a></a> 的 class、id、data-* 等属性全丢，父容器的子节点顺序不变，只是节点类型变了。
立即学习“前端免费学习笔记（深入）”；
- ✅ 示例代码：
document.querySelectorAll('a').forEach(a => {<br> const text = document.createTextNode(a.textContent);<br> a.parentNode.replaceChild(text, a);<br>}); - ⚠️ 坑点：如果
<a></a>里有<span></span>或<em></em>等内联标签，textContent会把它们全部扁平成纯文本——这不是 bug，是预期行为 - ? 若需保留内联格式，得改用
a.innerHTML并手动遍历子节点，复杂度陡增
为什么不用正则匹配 <a.></a.> 删除？
在控制台或脚本中写 document.body.innerHTML = document.body.innerHTML.replace(/<a>([^]*?)/gi, '$1')</a> 看似简单，但实际极不可靠。
- ❌ 正则无法处理嵌套、注释、CDATA、属性中的
>（比如href="x>y"），极易错切 - ❌ 执行后所有绑定在原
<a></a>上的事件监听器、自定义属性、Vue/React 绑定状态全部丢失 - ❌
innerHTML重新解析会强制浏览器重建整个子树，性能差，还可能触发意外的脚本执行或资源加载 - ✅ 真要批量处理静态 HTML 字符串（非实时 DOM），优先用
DOMParser：const parser = new DOMParser();<br>const doc = parser.parseFromString(htmlString, 'text/html');<br>doc.querySelectorAll('a').forEach(a => a.replaceWith(a.textContent));<br>return doc.body.innerHTML;
保留 a 标签但禁用点击行为的折中方案
有些场景不能动结构（比如 CMS 输出、第三方组件封装），又不想链接生效，可以保留 <a></a> 但拦截默认行为。
- ✅ 最简方式：
document.querySelectorAll('a[href]').forEach(a => a.href = 'javascript:void(0)') - ⚠️ 风险：IE 下
javascript:void(0)可能触发安全策略；现代建议改用a.addEventListener('click', e => e.preventDefault()) - ? 进阶技巧：加
tabindex="-1"并移除href，既禁用跳转，又让键盘用户不会聚焦到它（提升可访问性）
真正麻烦的从来不是“怎么删”，而是删完之后谁还在依赖那个 href —— 比如分析脚本、SEO 工具、屏幕阅读器的朗读逻辑。动手前先查查 getEventListeners() 和 computed styles，比盲目执行一段 forEach 更管用。
