importnode 是 document 对象方法，须通过 document.importnode() 调用，不可直接使用；报错多因上下文错误或 ie 兼容问题；深拷贝由第二参数控制，跨文档导入需严格匹配源节点所属文档。
importNode 不是 HTML 标签或属性，而是 DOM API 中 Document 对象的一个方法，必须在 JavaScript 环境中调用。它不支持直接写在 HTML 文件里用 <script></script> 外的方式“制作”——不存在“HTML 怎么制作 importNode”的说法，只有“怎么在 JS 中正确调用 importNode”。
为什么 importNode 会报错 “not a function” 或 “is not defined”
常见原因是：在非文档上下文中调用，或误以为它是全局函数。
-
importNode只能通过某个Document实例调用，比如document.importNode(...)或otherDoc.importNode(...) - 不能直接写
importNode(node, true)—— 这会报ReferenceError - 如果从 iframe 或
DOMParser解析出的文档中取节点，必须用那个文档的importNode，而不是当前页面的document - 注意：IE 不支持
importNode（IE9+ 才有），若需兼容旧 IE，得用cloneNode(true)+ 手动重建结构
importNode 的两个参数到底要不要深拷贝
第二个布尔参数决定是否递归导入子节点，影响事件绑定、表单状态、自定义元素实例等是否保留。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
-
true：深拷贝，导入整个子树，但所有事件监听器、onxxx属性、data-绑定、Web Component 实例均丢失（纯结构复制） -
false：只导入节点本身（如一个<div>），不带任何子节点，适合导入空容器占位 <li>注意：<code>importNode不会触发DOMContentLoaded或自定义元素升级，导入后需手动调用customElements.upgrade()（如有）
跨 iframe 或 DOMParser 文档时怎么安全导入节点
核心原则：源节点所属文档的 importNode 方法，不能混用。
// ✅ 正确：从 iframe 文档导入到主文档
const iframe = document.querySelector('iframe');
const iframeDoc = iframe.contentDocument;
const nodeFromIframe = iframeDoc.querySelector('#target');
const imported = document.importNode(nodeFromIframe, true); // 用主 document 导入
document.body.appendChild(imported);
// ✅ 正确：用 DOMParser 创建新文档后导入
const parser = new DOMParser();
const tempDoc = parser.parseFromString('<span>hello</span>', 'text/html');
const span = tempDoc.body.firstElementChild;
const importedSpan = document.importNode(span, false); // 仍用当前 document.importNode
// ❌ 错误：用 source doc 的 importNode 往 target doc 插
// iframeDoc.importNode(nodeFromIframe, true); // 这个导入结果仍属于 iframeDoc，append 到主 document 会报错
导入后节点丢失样式或行为？检查这三点
importNode 是纯 DOM 操作，不自动处理样式作用域、模块脚本、Shadow DOM 继承等。
- 如果原节点依赖
<style></style>或 CSSOM 注入的规则，导入后不会自动关联——需确保目标文档已有对应样式 - 内联
onclick、oninput等属性会被保留（字符串形式），但闭包绑定的函数不会；推荐改用addEventListener在导入后补绑 - Shadow DOM 中的节点无法直接
importNode出来（node.shadowRoot是 null 或不可访问），需先展开内容再导入，或使用attachShadow({mode: 'open'})后手动克隆
真正容易被忽略的是：导入后的节点虽然结构完整，但它的 ownerDocument 已切换为目标文档，而所有动态行为（比如 IntersectionObserver、ResizeObserver 实例、requestAnimationFrame 回调里的引用）都不会自动迁移——这些都得你手动重挂载或重新初始化。
