创建dom，并且点击弹出对应的序列

最新推荐文章于 2024-05-05 19:55:36 发布

PENG121.

最新推荐文章于 2024-05-05 19:55:36 发布

阅读量113

点赞数

分类专栏： ES6技术栈 JS基础知识点文章标签： javascript

本文链接：https://blog.csdn.net/Pgy121/article/details/108018558

版权

JS基础知识点同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

ES6技术栈

5 篇文章 0 订阅

订阅专栏

const list = document.getElementById('list')
// 创建一个文档片段，此时还没有插入到DOM接口中
const frag = document.createDocumentFragment()
for (let i = 0; i < 10; i++) {
	const li = document.createElement('li')
	li.innerHTML = `LIST ITEM ${i}`
	li.addEventListener('click', (event) => {
		event.preventDefault() // 阻止默认行为
		console.log(i)
	})
	// 先插入到文档片段中
	frag.appendChild(li)
}
// 都完成之后，再插入到DOM结构中
list.appendChild(frag)