将HTML字符串转换为DOM对象

2020-04-18150次阅读javascript

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

上一篇: JS实现下载图片并且重命名  下一篇: css滚动条带有进度背景色  

将HTML字符串转换为DOM对象相关文章