DOM 요소 재배치

Question

목표 : DOM의 한 위치에서 다른 위치로 요소를 이동하고 싶습니다.

조건 : 그래서 나는 바닐라 JS 솔루션을 필요로 내가 쉽게 사용하여 jQuery를 할 수 있지만 난 ~ jQuery를 사용할 수없는 환경에서 작업하고 그런 작은 작업에 대한 옵션을 선택하지 않습니다 추가하고있다.

예 :

메이크업이 : (페이지로드)이 속으로

<div class="elem-1">Element 1</div> 
<div class="elem-2">Element 2</div> 

:

<div class="elem-1"> 
    Element 1 
    <div class="elem-2">Element 2</div> 
</div> 

Answer 1

당신이 그것을 원하는 위치에 그냥 추가합니다.

document.querySelector('.elem-1').appendChild(
    document.querySelector('.elem-2') 
);