必须用"text/html"，其他mime类型会导致解析错误；domparser返回完整document对象，需从doc.body查询元素；解析后脚本不执行、资源不加载且相对路径失效；提取多节点应遍历doc.body.children而非仅取firstchild。
必须用 "text/html"，其他 MIME 类型会失效
传错 MIME 类型是第一大坑。用 "application/xml" 或 "text/xml" 解析 HTML 字符串，会导致 <script></script>、<style></style> 被忽略，甚至直接抛出语法错误；IE9 及更早版本还会彻底报错。只有 "text/html" 才触发浏览器的 HTML 解析器，自动补全 、、 结构，并正确处理 void 元素（如 <img>）、自闭合标签和属性布尔值。
querySelector 找不到元素？先确认查的是 doc.body
DOMParser 返回的是完整 Document 对象，不是片段。哪怕你传入的是 "<span>foo</span>"，它也会被包裹进自动生成的 中。所以：
- ❌ 错误写法：
doc.querySelector("span")—— 在部分浏览器里返回null，因为顶层没<span></span>，它在body里 - ✅ 推荐写法：
doc.body.querySelector("span")或doc.querySelector("body span") - ⚠️ 更安全：统一从
doc.body.firstElementChild开始操作，或遍历doc.body.children获取所有根级节点
解析后节点不执行脚本、不加载资源，但路径解析会失败
parseFromString 是纯结构解析，不触发任何副作用：
-
<script></script>标签不会执行，<img src="a.jpg">不发起网络请求 - 但
doc.baseURI为空字符串，所以所有相对路径（如href="css/main.css"、src="./data.json"）都会解析失败 - 如果后续要插入到页面并期望样式/资源生效，得手动设置
doc.documentElement.baseURI = window.location.href，或改用绝对路径
提取单个元素时别直接取 doc.body.firstChild
当 HTML 字符串含多个同级元素（如 "<div>a</div>
<p>b</p>"），doc.body.firstChild 只返回第一个，容易漏掉后续节点。
- 要获取全部根级元素：用
[...doc.body.children]或Array.from(doc.body.children) - 要提取特定 ID 的元素：优先用
doc.getElementById("xxx")，比querySelector更快且语义明确 - 若原始字符串不含
或，不要假设doc.body存在——先检查doc.body是否为null，再访问其子节点
getComputedStyle 都拿不到有效值，document.fonts、CSSStyleSheet 等上下文信息全不可用。如果目标只是“提取值”或“生成干净 DOM 片段”，它很稳；但如果想预览样式或依赖全局定义（比如自定义元素已注册），就得换方案。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
