原生dom操作快速写入html渲染(insertAdjacentHTML)

本文主要是介绍原生dom操作快速写入html渲染(insertAdjacentHTML)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

// 旧方法
const btn = document.createElement('div')
btn.id = 'material-btn-id'
btn.className = 'material-btn'
btn.textContent = '素材库'
document.body.appendChild(btn)
btn.addEventListener('click', () => {// 点击事件
})

// 新方法
const btn = document.createElement('div')
const newButtonHtml = '<div id="material-btn-id" class="material-btn">素材库</div>'
btn.insertAdjacentHTML('beforeend', newButtonHtml)
btn.addEventListener('click', () => {// 点击事件
})

insertAdjacentHTML用法详解(点击跳转)

这篇关于原生dom操作快速写入html渲染(insertAdjacentHTML)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---