DOMParser 解析 HTML 字符串必须指定 'text/html' 类型，否则按 text/xml 处理导致标签丢失；解析后文档隔离，getElementById 仍需判空防 null；querySelectorAll 返回 NodeList 需转数组才能 map；Python 中 BeautifulSoup 要用 class_ 且 select_one 后须判空。
DOMParser 解析字符串时必须指定 text/html 类型
直接传入 HTML 字符串给 DOMParser 但不指定 MIME 类型，会导致解析失败或返回空文档。浏览器默认按 text/xml 处理，而 HTML 标签（如 br、img）在 XML 中不合法，会静默丢弃或报错。
正确写法只有一种：parser.parseFromString(htmlString, 'text/html')。漏掉引号、大小写错误（如 'Text/HTML'）、或写成 'html' 都不可靠。
- 服务端返回的 HTML 片段（比如 AJAX 获取的卡片列表）必须走这一步才能用
getElementById或querySelector -
DOMParser生成的是独立文档对象，和当前页面 DOM 完全隔离，不会触发重排或执行脚本 - 若原始字符串含
<!DOCTYPE>或<html>，不影响解析；但若含<script>，其内容不会执行
getElementById 在解析后文档中仍可能返回 null
很多人以为只要 DOMParser 解析成功，getElementById 就一定能拿到元素——其实不然。ID 冲突、大小写不一致、ID 值含特殊字符（如点、冒号）都会导致匹配失败。
例如字符串里有 <div id="user.name"></div>，调用 doc.getElementById('user.name') 是有效的；但若写成 doc.getElementById('user.name') 却误用了 CSS 选择器逻辑（比如混用 querySelector），就会出错。
立即学习“前端免费学习笔记（深入）”；
- 务必检查原始 HTML 字符串中 ID 是否真实存在且拼写完全一致（HTML ID 大小写敏感）
- 如果 ID 含
.、:、[等字符，getElementById仍可正常工作，但querySelector('#user.name')必须转义：querySelector('#user\.name') - 永远对返回值做空判断：
const el = doc.getElementById('target'); if (el) { ... }，否则访问el.textContent会抛Cannot read property 'textContent' of null
用 querySelector 提取多元素时注意返回类型差异
querySelector 和 querySelectorAll 行为差异大，选错就拿不到数据。前者只返回第一个匹配元素（null 或 Element），后者返回 NodeList（类数组，不可直接用 map）。
常见错误是把 querySelectorAll 当成数组用：elements.map(...) 报错，得先转数组：Array.from(elements).map(...)；或者直接用扩展运算符：[...elements]。
- 提取单个元素优先用
querySelector，语义清晰、性能略好 - 要取前 N 个，别用循环+
querySelector反复查，直接querySelectorAll(selector).slice(0, N) -
querySelector支持完整 CSS 选择器语法，比如.item[data-status="active"]，比getElementsByClassName灵活得多
Python 侧用 BeautifulSoup 要防 None 和 class_ 参数陷阱
在 Python 中用 BeautifulSoup 解析 HTML 字符串，最常踩的两个坑是：调用 .get_text() 前没判空，以及用 class 当参数名（Python 关键字冲突）。
例如 soup.find("div", class="card") 会语法报错，必须写成 class_="card"；而 soup.select_one(".title") 返回 None 时，直接链式调用 .get_text(strip=True) 会触发 AttributeError。
- 推荐统一用
select_one+ 显式判空，比find更符合现代 CSS 习惯 -
get_text(strip=True, separator=" ")比.text更安全，能自动压缩空白、合并换行 - 如果 HTML 来源不可信（比如用户提交），解析前建议加
features="lxml"或"html5lib"提高容错性，避免 malformed tag 导致解析中断
BeautifulSoup 对“相同 HTML 字符串”的解析结果可能不一致——比如自闭合标签处理、属性缺失时的默认值、布尔属性（disabled）是否显式写出等。别假设两边行为一致，关键路径必须实测验证。 
