JavaScript DOMParser的parseFromString方法怎么用

DOMParser.parseFromString用于安全解析HTML/XML字符串为DOM文档，需传入字符串和MIME类型；"text/html"自动补全body结构，"application/xml"严格校验格式并可能返回parsererror。

DOMParser.parseFromString 用来把一段字符串（比如 HTML 或 XML）安全地转成 DOM 文档对象，不执行脚本、不加载外部资源，适合解析动态生成的 HTML 片段或服务端返回的结构化内容。

基本用法：指定类型很重要

必须传两个参数：要解析的字符串 + MIME 类型。类型决定了浏览器如何解析：

• "text/html" → 按 HTML 规则解析（推荐用于 HTML 字符串）
• "application/xml" 或 "text/xml" → 按 XML 规则解析（要求格式严格，有错误会报错）

示例：

const parser = new DOMParser();
const htmlStr = "<p><p>Hello</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/c1c2c2ed740f" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">Java免费学习笔记（深入）</a>”；</p><span>World</span></p>";
const doc = parser.parseFromString(htmlStr, "text/html");

console.log(doc.body.firstElementChild); // <p>...</p>

登录后复制

解析 HTML 时注意 body 包裹行为

用 "text/html" 解析时，DOMParser 会自动补全基础结构（类似浏览器加载 HTML 页面），把内容塞进 中：

标签： javascript java html node 浏览器 app