在导出Excel（例如.xls格式）之前，如果表格中混入了大量以"id-"开头的元素（如 ），需要精准地选中并删除它们，同时避免误伤其他元素，这样才能确保导出的内容干净整洁。
前端开发中导出表格时，常会用到table2excel、xlsx库，或直接通过innerHTML拼接字符串生成Excel文件。在此过程中，往往需要清理那些“多余”的DOM元素——比如带有id="id-X"的输入框、按钮等交互控件。这些元素本非用于展示数据，若强行保留在导出结果中，轻则影响版面美观，重则导致格式混乱。
部分开发者习惯使用字符串的replace()方法直接处理HTML文本，然而这种做法并不可靠。原因如下：
- replace()仅能识别字符串，无法理解DOM结构；
- 容易误删或漏删，比如id出现在属性值、注释甚至文本内容中时，它无法区分；
- 遇到自闭合标签、大小写不统一、空格不规范等情况，结果往往与预期不符。
因此，更可靠的方式是：直接使用原生DOM API，精准定位并彻底移除。
✅ 推荐方案：querySelectorAll + remove()
// 选中所有 id 属性值以 "id-" 开头的元素
const elementsToRemove = document.querySelectorAll('[id^="id-"]');
// 挨个删掉（现代浏览器都支持，干净利落）
elementsToRemove.forEach(el => el.remove());
