HTML 요소 이동 방법

Question

HTML 요소를 다른 요소로 이동하는 방법. 요소의 위치를 ​​움직이는 것은 아닙니다. 이 HTML 코드를 고려 : 나는 이동할

<div id="target"></div> 
<span id="to_be_moved"></span> 

를 지금 "to_be_moved"에서 "대상"그래서 "대상"아이가 "를 to_be_moved". 따라서 결과는 다음과 같아야합니다.

Google에서 (특히 프로토 타입 프레임 워크를 사용하여) 검색했지만 원하는 것은 이동 위치가 아닙니다. 전에 고마워.

Answer 1

document.getElementById('target').appendChild( document.getElementById('to_be_moved')) 

Answer 2

네이티브 DOM 요소로 작업 가정하면, 자바 스크립트 방법 .appendChild 필요에 맞게됩니다. 기본 자바 스크립트에서

는 document.getElementByID는 ... 더 읽기 방법을, 아마도 DOM 요소를 얻기에 가장 좋은, 그래서 ...

var target = document.getElementById('target') 
document.getElementById('to_be_moved').appendChild(target) 

Answer 3

$("target").insert($("to_be_moved").remove()); 

또는

var moveIt = $("to_be_moved").remove(); 
$("target").insert(moveIt);