利用document.implementation.createHTMLDocument创建新的document

最新推荐文章于 2025-08-08 09:22:48 发布

转载最新推荐文章于 2025-08-08 09:22:48 发布 · 4.1k 阅读

本文介绍了一种将HTML字符串转换为独立Document Object Model (DOM)的方法，该方法利用了document.implementation.createHTMLDocument创建一个全新的document对象，从而避免了对当前页面DOM的影响。

如果需要将一段html 转换为 Document Object Model （文档对象模型）,而不影响到当前的html内容，可以通过document.implementation.createHTMLDocument创建一个新的document实现

// 创建一个全新的 document（和当前的document不同），参数test是 新document的 title标题字段
var doc = document.implementation.createHTMLDocument('test');
// 当前document的根节点（HTMLhtmlElement） 插入一段需要转化的hmtl
doc.documentElement.innerHTML = '<p>adsf</p>';
// 拿到转化后的DOM
var x = doc.getElementsByTagName('body')[0];

附DOM的继承关系：HTMLhtmlElement 、HTMLBodyElement 等–> HTMLElement–> ELement–>Node–>EventTarget
HTMLhtmlElement 通过document.documentElement获得
HTMLBodyElement 通过document.body 或者document.documentElement.getElementsByTagName(‘body’)[0]; 获得