如何使用JavaScript在事件触发时将div中的元素移动到另一个div中？

单击按钮后，我希望id为='one'的div位于id为='two'的div中

<div id='one'>
<div id='oneone'>
</div>
</div>
<div id='two'>
</div>

如何使用JavaScript实现这一点，

---

实际上，我不希望将div作为子元素，而是希望它用于图像

如果您的项目中有jQuery，您可以使用以下代码：

$（文档）.ready（函数（）{
$（“#btnMove”）。单击（函数（）{
var$div=$（“#一”）；
美元（“#两”）。追加（$div）；
});
});
#一个{
边框：1px纯蓝色；
高度：50px；
宽度：200px；
}
#两个{
边框：1px纯绿色；
高度：50px；
宽度：200px；
}
#一个{
背景颜色：银色；
高度：30px；
宽度：200px；
}
如果项目中有jQuery，可以使用以下代码：


$（文档）.ready（函数（）{
$（“#btnMove”）。单击（函数（）{
var$div=$（“#一”）；
美元（“#两”）。追加（$div）；
});
});
#一个{
边框：1px纯蓝色；
高度：50px；
宽度：200px；
}
#两个{
边框：1px纯绿色；
高度：50px；
宽度：200px；
}
#一个{
背景颜色：银色；
高度：30px；
宽度：200px；
}

执行以下操作：

 <div id='one'>
    </div>
    <div id='two'>
    <div id='oneone'>
    </div>
    </div>

removeChild返回已删除的节点，使用其引用在所需位置追加。
将其包装在函数中，并从任何事件调用它，但在调用这段代码之前，请确保已加载DOM。
执行以下操作：

 <div id='one'>
    </div>
    <div id='two'>
    <div id='oneone'>
    </div>
    </div>

removeChild返回已删除的节点，使用其引用在所需位置追加。
将其包装在函数中并从任何事件调用它，但在调用这段代码之前请确保已加载DOM。
可能重复的Thank you very thanky haxxxton可能重复的Thank you very thanky haxxxton我希望使用JavaScriptonly@davidraj-也许你应该清楚你到底想达到什么目标。请给出图像id而不是div id，上面的代码将由Workik检查并返回给您，感谢您回答当您已经有一个节点时为什么要使用
innerHTML
？只需使用
appendChild
。使用
innerHTML
不会移动节点，它会将节点从一个位置删除，并在其他位置创建一个新的节点，这可能会产生其他副作用（例如，任何事件处理程序都无法生存）。它还将更改节点的标识，如果您在代码的其他地方使用节点标识，这可能会很重要。@Amadan-没错，它将更新我的代码。谢谢，我想用JavaScriptonly@davidraj-也许你应该清楚你到底想达到什么目标。请给出图像id而不是div id，上面的代码将由Workik检查并返回给您，感谢您回答当您已经有一个节点时为什么要使用
innerHTML
？只需使用
appendChild
。使用
innerHTML
不会移动节点，它会将节点从一个位置删除，并在其他位置创建一个新的节点，这可能会产生其他副作用（例如，任何事件处理程序都无法生存）。它还将更改节点的标识，如果您在代码的其他地方使用节点标识，这可能会很重要。@Amadan-没错，它将更新我的代码。非常感谢。