appendChild() 具有移动性
<div id="app"> <header> <span style="font-size: 22px;"><</span> <h3 style="display: inline-block;">helloWorld</h3> </header> <p>hello</p> <button type="button">按钮</button> <ul> <li>1</li> <li>22</li> <li>333</li> <li>4444</li> </ul> </div>
- 执行代码后
// 文档碎片 let fragment = document.createDocumentFragment() // 第一个节点 let firstChild; while (firstChild = app.firstChild) { // appendChild() 具有移动性 fragment.appendChild(firstChild) }
- 把根节点下的所有子节点移动到内存中,并不会造成死循环
- 原因就是
appendChild()
具有移动性
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步