批量编辑HTML文件应选专用文本工具（如首助）做纯文本替换，或用Node.js+jsdom解析DOM修改；前者适合编码统一、规则简单的场景，后者适合语义化操作；浏览器Console仅限临时调试。
批量编辑多个 HTML 文件，不能靠浏览器或手动改源码——那不是“批量”，是自我惩罚。真正可行的路只有两条：用专用文本批处理工具（适合纯文本级替换），或用 JavaScript 脚本驱动 DOM 批量操作（适合已加载页面的动态修改）。选错路径，轻则白忙一小时，重则改错 300 个文件还得重来。
用首助编辑高手做纯文本级批量替换
这是最稳、最快、零编程门槛的方式，适用于：统一改 <title></title>、删某段广告代码、替换所有 href="old.html" 为 href="new.html"、加全局 <script></script> 等场景。
- 必须确认所有目标文件编码一致（推荐 UTF-8 无 BOM），否则替换后中文变乱码
- 导入时别漏掉嵌套子目录里的 HTML——点击【添加文件夹】比【添加文件】更可靠
- 替换规则里写正则要谨慎：
<div class="ad">.*?</div>在首助里默认不支持跨行匹配，得勾选“启用正则”并确认“点号匹配换行” - 测试务必先用 2–3 个文件做试运行，点击【预览修改结果】看实际变化，别直接点【批量修改内容】
用 Node.js + jsdom 批量解析并改 DOM 结构
当你需要按语义改内容：比如“把所有 <h2></h2> 标签包裹进 <section></section>”，或“给每个 <img alt="怎么批量编辑多个HTM网页文件" > 补 loading="lazy"”，纯文本替换容易误伤，必须走 DOM 解析路线。
- 安装依赖：
npm install jsdom（注意 jsdom 不支持 IE 兼容模式，别拿它测老项目） - 脚本里别用
document.querySelectorAll—— 这是浏览器 API，Node 环境要用dom.window.document.querySelectorAll - 改完必须显式调用
dom.serialize()输出字符串，再fs.writeFileSync写回文件，否则一切都在内存里，关掉就丢 - 遇到自闭合标签如
<meta>或<link>，jsdom 默认会补成<meta>，若需保持原格式，初始化 jsdom 时加选项{xmlMode: false, includeNodeLocations: false}
在已打开的浏览器里用 Console 批量操作（仅限临时调试）
这个方法快，但只对当前页面生效，刷新即消失。适合快速验证逻辑，或一次性改当前打开的十几个 tab 页面（配合插件如 “Multi Edit”）。
- 别用
document.getElementsByTagName遍历 —— 返回 live collection，循环中删节点会导致漏项；坚持用document.querySelectorAll - 批量改
textContent时，先判断是否为空：el.textContent = el.textContent.trim() || 'N/A'，避免把空格替成文字 - 如果目标是表单元素（
<input type="checkbox">），改checked属性必须用el.checked = true，而不是setAttribute('checked', '')，后者只影响 HTML 属性，不触发真实状态 - 执行前先输
confirm('确定要改这 '+document.querySelectorAll('article').length+' 篇文章标题？')，防手抖
最容易被忽略的一点：HTML 文件路径和资源引用（比如 ./css/style.css）是相对当前 HTML 位置的。批量改完后，如果移动了文件目录结构，所有相对路径都会断——这不是编辑工具的问题，是你没同步更新路径逻辑。
