如何在DOM中创建更高层次的元素？

Question

有在DOM中的一些元素，层次结构是这样的：

<div id='outter'><div id='middle'><div id='inner'></div></div></div> 

我怎样才能使内部的div是outter div的直接孩子？

Answer 1

您可以使用jQuery

$('#outter').append($('#inner')); 

追加内格到外格

Answer 2

这应该做的伎俩：

$('#outter').append($('#inner')); 

Answer 3

$('#inner').appendTo('#outter'); 

的jsfiddle：http://jsfiddle.net/R9BHB/2/

Answer 4

$('#outter').append($('#inner'));