2013-02-22 3 views
0

나는 다음과 같은 코드를 가지고 :자식 노드를 추가하는 순서가 중요합니까?

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

나는 무엇 closeButton으로는 스팬 추가하기 전에 closeButton으로에 closeIcon를 추가하면? 어떤 차이가 있습니까? 그리고 js로 DOM에 삽입 된 복제 된 노드와 html로 하드 코드 된 노드 사이에는 어떤 차이가 있습니까?

+1

최우선의 상위 요소가 추가되기 전에 추가 된 요소가 페이지에 나타나지 않는다는 점을 제외하면 추가 순서는 중요하지 않습니다. – Teemu

답변

2

노드는 정의한 순서대로 DOM에 추가되지만 시각적 모양은 요소의 CSS 속성으로 인해 다른 순서를 나타낼 수 있습니다.

0

일반적으로 그물 효과는 (잘못 읽은 경우를 제외하고) 동일해야합니다. 스팬이 DOM에 이미 있고 closeButton이 아닌 경우 closeButton을 먼저 추가하여 (DOM에없는 경우) 약간의 성능 향상을 얻을 수 있습니다. 이렇게하면 리플 로우가 발생하지 않습니다.

관련 문제