关于javascriptappendchild的信息

javascript中innerHTML和appendChild的比较

innerHTML是直接改变DOM的innerHTML，实际上是浏览器先销毁DOM里的子DOM然后重绘DOM，之前对DOM里的对象的引用都将失效。而appendChild就是在对象的层次上修改对象，并不会破坏源对象。

首先，让我们复习appendChild（）的用法：它接收一个childNode作为参数，将其插入到parentNode的最后一个子元素之后，并返回入的元素。如果childNode已经存在于DOM中，appendChild（）会将其从原位置移动到新位置。

在JavaScript中，实现元素中插入节点的操作方法包括inrtAdjacentElement、inrtAdjacentHTML、inrtAdjacentText、innerHTML、appendChild、append和after。这些方法在操作元素时各有特点及适用场景。inrtAdjacentElement、inrtAdjacentHTML与inrtAdjacentText在插入位置上相似，但操作内容不同。

在原生开发中，处理DOM节点时，我们经常使用innerHTML和appendChild（）方法。其中，innerHTML用于替换元素内的所有内容，而appendChild（）则用于添加单个节点作为子节点。若需添加多个子节点，通常需要通过循环实现appendChild（）方法。然而，频繁的DOM操作会导致性能下降。

你用innerHTML如果是用+=一条一条的插入，效率会很低.还不如用appendChild”“灵活运用。