안녕하세요 질문이 있습니다.

직접 예제를 해보았는데, removeChild후 child 이미지가 차례대로 다시 적용되는데, 예제랑 달라서 질문 드립니다.

div.stage

 div.img
 div.img
 div.img

------
css

.img:nth-of-type(1){
...
background-image:url(image1);

}

.img:nth-of-type(2){
...
background-image:url(image2);
}

.img:nth-of-type(3){
...
background-image:url(image3);
}

위 상태에서 상단 첫번째 div.img 를 클릭하여 removeChild 하면 첫번째 div랑 image1이 같이 삭제되는 것처럼 보이는게 아니라 첫번째 child가 삭제된 후 child가 두개가 남고

.img:nth-of-type(1)
.img:nth-of-type(2) 가 다시 적용되어 image3이 날라가는 듯한 결과로 나옵니다. 

div.stage

 div.img - image1
 div.img - image2

예제를 잘못 따라한건지 다시 살펴보았는데, 뭐가 잘못된건짐 모르겠네요..