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

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

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

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


javascript dom appendchild clonenode
person jstice4all    schedule 22.02.2013    source источник
comment
Порядок добавления не важен, за исключением того, что ни один из добавленных элементов не отображается на странице до того, как будет добавлен крайний родительский элемент.   -  person Teemu    schedule 22.02.2013

Ответы (2)


arrow_upward
2
arrow_downward

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

person marekful    schedule 22.02.2013

arrow_upward
0
arrow_downward

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

person phtrivier    schedule 22.02.2013