附加子节点的顺序是否重要？

Question

我有以下代码：

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

如果在将closeButton附加到span之前将closeIcon附加到closeButton怎么办？有什么区别吗？使用js插入到DOM的克隆节点与在html中硬编码的节点之间有什么区别吗？

Answer 1

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

Answer 2

通常净效应应该相同（除非我误读）。如果跨度已经在DOM中，并且closeButton不在，那么首先附加到closeButton（虽然它不在DOM中）会稍微提高性能 - 这样可以避免回流。