Представьте себе:
<div id="old-parent">
<span>Foo</span>
<b>Bar</b>
Hello World
</div>
<div id="new-parent"></div>
Какой JavaScript можно записать для перемещения всех дочерних узлов (как элементов, так и текстовых узлов) от old-parent
до new-parent
без jQuery?
Меня не интересует пробел между узлами, хотя я ожидаю, что поймаю бродячие Hello World
, их нужно будет перенести как-то тоже.
ИЗМЕНИТЬ
Чтобы быть ясным, я хочу в итоге:
<div id="old-parent"></div>
<div id="new-parent">
<span>Foo</span>
<b>Bar</b>
Hello World
</div>
Ответ вопроса, из которого это будет предлагаемый дубликат, приведет к:
<div id="new-parent">
<div id="old-parent">
<span>Foo</span>
<b>Bar</b>
Hello World
</div>
</div>