追加子节点的顺序是否重要

Does order of appending child nodes matters?

本文关键字：是否 顺序 子节点 追加      更新时间：2023-09-26

我有以下代码：

span.appendChild(link);
span.appendChild(closeButton);
closeButton.appendChild(closeIcon);

如果在将closeButton追加到span之前，将closeIcon追加到closeButton，该怎么办？有什么不同吗？用js插入DOM的克隆节点和用html硬编码的克隆节点之间有什么区别吗？

节点将按照您定义的顺序添加到DOM中，但是，由于元素的CSS属性，它们的视觉外观可能表示不同的顺序。

通常情况下，净效果应该是相同的（除非我误读了）。如果跨度已经在DOM中，而closeButton不在，则可以通过先附加到closeButton（当它不在DOM中时）来稍微提高性能，这样可以避免回流。

相关文章：