利用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]; 获得