Имеет ли порядок добавления дочерних узлов?

Question

У меня есть следующий код:

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

Что делать, если я добавляю closeIcon к closeButton перед добавлением closeButton, чтобы охватить? Есть ли разница? И есть ли разница между клонированными узлами, вставленными в DOM с js, и теми, которые жестко закодированы в html?

Answer 1

Узлы будут добавлены в DOM в указанном вами порядке, однако их внешний вид может представлять собой различный порядок из-за свойств CSS элементов.

Answer 2

Обычно чистый эффект должен быть одинаковым (если только я не ошибаюсь). Если span уже находится в DOM, а closeButton - нет, вы получите небольшое улучшение производительности, добавив сначала closeButton (пока он не находится в DOM) - это позволит избежать перекосов.