小编tur*_*452的帖子

如何使用变换翻译动画更改元素的父元素?

在此输入图像描述

我想将一个元素从一个父级移动到另一个父级。在这里我想应用 CSS 变换动画。

function abc() {
let child = document.querySelector("#child");
let parent = document.querySelector("#div_b");

parent.appendChild(child);
}
Run Code Online (Sandbox Code Playgroud)
<div id="div_a" style="height:30px; width:30px; background-color:yellow;">
    <div id="child" class="new-box">
        <div style="width: 20px; height: 20px; background-color: green;"></div>
    </div>
  </div>

  <div id="div_b" style="height:30px; width:30px; background-color:red;">
  </div>
  
<button onclick="abc()">move</button>
Run Code Online (Sandbox Code Playgroud)

html javascript css

3
推荐指数
1
解决办法
872
查看次数

标签 统计

css ×1

html ×1

javascript ×1