题解 | #JS动态创建节点#
JS动态创建节点
https://www.nowcoder.com/practice/144422bbf3044e8c8429a88588857c8b
// 获取元素
const ulEl = document.querySelector("ul")
// 创建文档碎片 利于DOM性能
const frg = document.createDocumentFragment()
function createLi(array) {
// 将传进来的数组进行遍历
for(let item of array) {
// 创建li元素
const liEl = document.createElement('li')
// 添加内容
liEl.textContent = item
// 先将liEl添加到文档碎片中
frg.append(liEl)
}
// 循环结束后一次性放到ul元素上
ulEl.append(frg)
}
