DOM에서 요소를 이동하는 방법은 무엇입니까?

Question

매우 대화식 인 DOM에 #superWidget 요소가 있습니다. 그것은 jquery UI sortable, draggable 및 다른 플러그인을 사용합니다.

<div id="wrapperA"></div> 
<div id="wrapperB"> 
    <div id="superWidget"></div> 
</div> 

DOM에서 #superWidget의 위치를 ​​변경하고 싶습니다. #wrapperB에서 제거하고 #wrapperA에 넣고 싶습니다.

<div id="wrapperA"> 
    <div id="superWidget"></div> 
</div> 
<div id="wrapperB"></div> 

나는

var copy = $("#superWidget").clone(true, true); 
$("#superWidget").remove(); 
$("#wrapperA").append(copy); 

는 ... 그러나이 플러그인을 많이 나누기 ... 다음 시도했다.

나는 모든 것을 다시 바인딩하고 싶지 않습니다. 이 작업을 수행하는 더 좋은 방법이 있습니까? 당신의 도움을 (사전에)

감사합니다 (I은. 방법이 있어야합니다 ... JQuery와 UI의 정렬이 어떤 상호 작용을 깨지 않고 DOM에 주변 요소를 이동 어떻게 든 할 수 있다는 것을 알)

Answer 1

보다는 복제 그냥 다음과 같이하십시오 :

document.getElementById('wrapperA').appendChild(document.getElementById('superWidget'));