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

如果需要将一段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]; 获得