HTML 字符串转 DOM 结构

DOMParser

let parser = new DOMParser();
// 支持 parse 类型:
// image/svg+xml
// application/xml
// text/html
let dom = parser.parseFromString(htmlstring, `text/html`)

template

let tpl = document.createElement(`template`)
tpl.innerHTML = htmlstring
let dom = tpl.content

insertAdjacentHTML

// 根据插入位置情况，依赖 node 是否存在父节点
// 比如: beforebegin/afterend
// insertAdjacentHTML 不破坏原有结构，性能会好于 innerHTML
let node = document.querySelector(selector)
// position:
// beforebegin
// afterbegin
// beforeend
// afterend
node.insertAdjacentHTML(position, htmlstring)

• node.innerHTML
• jQuery.parseHTML