将HTML字符串转换为DOM对象

new DOMParser().parseFromString()及document.createRange().createContextualFragment()可以将HTML字符串转换为DOM对象。

// let dom = new DOMParser().parseFromString(`<div class="footer" style="background:#000;color:#fff">将HTML字符串转换为DOM对象</div>`, 'text/html');
// let new_element = dom.body.firstElementChild;

let new_element = document.createRange()
  .createContextualFragment(`<div class="footer" style="background:#000;color:#fff">将HTML字符串转换为DOM对象</div>`);
document.body.appendChild(new_element);

参考：

https://developer.mozilla.org/zh-CN/docs/Web/API/Range/createContextualFragment
https://developer.mozilla.org/zh-CN/docs/Web/API/DOMParser