最安全删 href 的方法是清空属性而非删除标签，保留文本、样式和结构；需补救 CSS 回退；彻底变纯文本则用 textContent 替换节点；同时清除 onclick 等内联事件属性防 XSS。
只删 href，不碰文本和结构
最常用也最安全的做法是清空 href 属性，而不是删除整个 a 标签。这样链接点击失效，但文本、样式（如颜色、下划线）、class、id 全都保留，DOM 也不重排。
执行这行代码即可批量处理：
document.querySelectorAll('a[href]').forEach(a => a.removeAttribute('href'))
⚠️ 注意：如果 CSS 里写了 a[href] { color: blue; } 这类依赖属性的选择器，移除 href 后样式会回退。补救很简单：
a.style.color = 'inherit'-
a.style.textDecoration = 'none'（如果连下划线也要去）
要彻底“变纯文本”，就用 textContent 替换节点
当必须让链接完全失去语义（比如导出为纯文本、防爬虫、或内容审核场景），就得把 a 标签替换成文本节点。这比用 innerHTML 安全得多，不会触发脚本、不解析 HTML、无 XSS 风险。
示例代码：
document.querySelectorAll('a').forEach(a => {
const text = document.createTextNode(a.textContent);
a.replaceWith(text);
});
⚠️ 注意：替换后所有属性（class、data-id、onclick 等）全部丢失，且无法通过 CSS 伪类（如 :hover）再控制它。
顺手清掉 onclick 等内联事件属性
很多带链接的 a 标签还混着 onclick、onmouseover 这类危险属性。它们不是 DOM 监听器，而是 HTML 属性，会直接执行 JS，有 XSS 风险。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
别用正则全局替换，用这个组合清理更准：
const eventAttrs = ['onclick','onsubmit','onchange','onload','onerror','onfocus','onblur','onkeydown','oninput'];
document.querySelectorAll('a[' + eventAttrs.map(a => a).join('], a[') + ']').forEach(el => {
eventAttrs.forEach(attr => el.removeAttribute(attr));
});
✅ 这样能覆盖主流事件属性，且只作用于真实存在的元素，不破坏结构、不误删 data-on-click 这类自定义属性。
删完 href 后，下划线还在？那就加 CSS 控制
移除 href 后，a 仍可能显示下划线——因为浏览器默认对 a 应用了 text-decoration: underline。这不是由 href 决定的，而是标签名本身触发的 UA 样式。
要统一去掉，加这段 CSS 就行：
a:not([href]) { text-decoration: none; }
或者更稳妥点，连带状态一起重置：
a:not([href]), a:not([href]):hover, a:not([href]):visited { text-decoration: none; }- 如果担心旧版 Safari 渲染异常，可加
display: inline-block或border-bottom: 1px solid transparent
真正容易被忽略的是：视觉上去掉下划线后，用户可能分不清哪段是链接（尤其在长段落中），而屏幕阅读器仍会读作“链接”。若语义已变，建议直接用 span 替代，而非留着 a 标签空壳。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
