javascript - 子ノードを追加する順序は重要ですか?

Question

次のコードがあります。

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

closeButton を span に追加する前に、closeIcon を closeButton に追加するとどうなりますか? 違いはありますか？また、js を使用して DOM に挿入されたクローンノードと、html でハードコードされたノードとの間に違いはありますか?

score 2 · Accepted Answer

ノードは定義した順序で DOM に追加されますが、要素の CSS プロパティにより、外観が異なる順序で表示される場合があります。

score 0 · Accepted Answer

通常、正味の効果は同じはずです（読み間違えない限り）。スパンが既に DOM にあり、closeButton がそうでない場合、(DOM にない間) 最初に closeButton に追加することにより、パフォーマンスがわずかに向上します。これにより、リフローが回避されます。

2 に答える 2