javascript 将 html 字符串转为 dom 元素有四种方法：1. 临时 div + innerhtml（最常用，兼容好）；2. domparser（安全完整，适合不可信内容）；3. createcontextualfragment（高效轻量，防 xss）；4. insertadjacenthtml（一步插入，不返回节点引用）。
JavaScript 中把 HTML 字符串转成真实 DOM 元素，核心是“解析 + 挂载”两步：先让浏览器按 HTML 规则生成节点，再把它插入到文档中。不直接用 innerHTML 赋值给目标容器（会清空原有内容），而是借助临时容器或专用 API 来安全、可控地完成转换。
用临时 div + innerHTML（最常用）
适合大多数动态插入场景，写法简洁，兼容性好。
- 创建一个不可见的临时元素，比如
document.createElement('div') - 把 HTML 字符串赋给它的
innerHTML，浏览器自动解析成子节点 - 从这个临时元素里取需要的节点，例如
temp.firstElementChild或temp.children - 再用
appendChild、insertBefore等方法插入到目标位置
注意：如果字符串含多个顶层节点（如 '<p>A</p>
<span>B</span>'），firstElementChild 只拿到第一个，要用 temp.children 或 temp.querySelectorAll('*') 提取全部。
用 DOMParser（更安全、更完整）
适合处理来源不可信、结构复杂或需保留完整文档上下文的 HTML 字符串，比如从接口获取的片段。
- 新建
new DOMParser()实例 - 调用
parseFromString(htmlString, 'text/html')，返回一个完整的Document对象 - 从
doc.body或doc.documentElement中提取节点，比如doc.body.children - 用
document.importNode()将节点导入当前文档后才能插入（否则报错）
优势是不执行脚本、不加载资源，且能正确处理多根节点、DOCTYPE、 等完整结构。
Java JDK 25
下载
Java JDK 25 来自 OpenJDK 官方归档，版本为 JDK 25，本条下载地址已指向官方 Windows x64 zip 安装包直链，适合调试旧项目或兼容旧版 Java 运行环境。
用 createContextualFragment（高效、轻量、无副作用）
适合频繁渲染、性能敏感的场景，比如列表项批量插入，它生成的是 DocumentFragment，不触发重排重绘。
- 先创建一个
Range对象：const range = document.createRange() - 设置范围上下文，通常指向目标容器的父节点：
range.selectNodeContents(target.parentNode) - 调用
range.createContextualFragment(htmlString)，直接得到可插入的碎片 - 用
target.parentNode.insertBefore(fragment, target.nextSibling)等方式插入
它比 innerHTML 更可控，比 DOMParser 更轻量，且天然防 XSS（不执行脚本、不解析事件属性）。
用 insertAdjacentHTML（一步到位，但不返回节点引用）
当你只需要把 HTML 插进去、不需要立刻操作新节点时，这是最简写法。
- 直接在目标元素上调用：
el.insertAdjacentHTML('beforeend', htmlString) - 支持四个位置：
'beforebegin'、'afterbegin'、'beforeend'、'afterend' - 插入后若需引用新节点，得靠查询，比如
el.lastElementChild或el.querySelector('.new-item')
它内部做了类似临时容器的解析，但省去了手动创建和清理步骤，适合简单追加或替换。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
