Как переместить элемент HTML

Question

Как переместить элемент HTML

Как переместить элемент HTML в другой элемент. Обратите внимание, что, я не имею в виду положения движущегося элемента. Рассмотрите этот HTML-код:

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

Я хочу переместиться, "to_be_moved" для "предназначений" столь "целевой" имеет дочерний "to_be_moved" теперь. Таким образом, результат должен быть похожим на это:

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

Я искал в Google (особенно использующий опытную платформу), но все, что я имею, перемещает положение, не, как я хочу. Спасибо прежде.

14

javascript prototypejs element move

задан Rob W 29 December 2011 в 15:29

3 ответа

Другие вопросы по тегам:

javascript prototypejs element move

Похожие вопросы:

score 25 · Answer 1

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

25

ответ дан 1 December 2019 в 08:51

score 0 · Answer 2

Предполагая, что вы работаете с собственными элементами DOM, вам подойдет метод Javascript .appendChild .

В собственном Javascript document.getElementByID , вероятно, лучше всего подходит для получения элемента DOM, поэтому ...

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

score 6 · Answer 3

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

Или, для более удобного чтения ...

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