js盒子内的子元素盒子移动到另一个盒子代码
时间: 2023-05-29 13:06:04 浏览: 99
可以使用以下代码将一个盒子内的子元素盒子移动到另一个盒子:
HTML代码:
```html
<div id="box1">
<div class="child-box">子元素1</div>
<div class="child-box">子元素2</div>
</div>
<div id="box2"></div>
```
JavaScript代码:
```javascript
// 获取要移动的子元素盒子
var childBoxes = document.querySelectorAll('#box1 .child-box');
// 将子元素盒子移动到目标盒子中
for (var i = 0; i < childBoxes.length; i++) {
document.getElementById('box2').appendChild(childBoxes[i]);
}
```
以上代码将 `box1` 中的所有子元素盒子移动到 `box2` 中。可以根据需要修改代码以适应不同的情况。