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