Keep

HTML 字符串转 DOM 结构

2018/05/03 02:00

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)
Tag:
DOM

Redky,生活在北京(北漂),程序员,宅,喜欢动漫(海贼王)。"年轻骑士骑马出城,不曾见过绝望堡下森森骸骨,就以为自己可以快意屠龙拯救公主。"