Keep

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)

avatar image

@read2025, 生活在北京(北漂),程序员,宅,马拉松[纯粹],喜欢动漫。"骑士总能救出公主,是因为恶龙从没伤害过她"