Javascript 修改HTML'；s"；“树”；什么是物体？

假设我有这样一个简单的结构：

<div id="A"> 
    <div id="B"> 
        <div id="C"> </div>
    </div>
</div>
<div id="X"> </div>

例如，是否有可能以某种方式（javascript、css、jQuery）改变C的位置并使其成为X的子对象？描述这种情况的术语是什么？

使用jQuery

var el = $("#c").clone();
$("#x").append(el);

---

您可以轻松地操纵DOM。您可以很容易地在jQuery中完成它

$（“#X”）。附录（“#C”）

你可以在

---

事实上，有可能：

$("#X").append($("#C"));

或

jQuery为DOM操作提供了多种方法。你应该

演示：

$（文档）。在（'单击'，'重新排列'）上，函数（）{
$（“#X”）。追加（$（“#C”）；
});
div{padding:10px；}
#A{背景色：红色；}
#B{背景色：蓝色；}
#C{背景色：绿色；}
#X{背景色：黄色；}

A.
B
C
X
是的，请尝试以下操作：


var c=document.querySelector（'#c'）；
var x=document.querySelector（'#x'）；
c、 parentNode.removeChild（c）；
x、 儿童（c）

aa
bb
复写的副本
xx
这是可能的，但我不确定这是如何调用的

你可以试试这个脚本

var c = document.querySelector("#C");
document.querySelector("#X").appendChild(c);

在某种程度上（javascript、css、jQuery）可能吗

是的，这是可能的。您可以使用以下任一
javascript、css、jQuery

$(function () {
   $("#X").append($("#C").clone());
   $("#C").remove();
});

您可以使用
jquery

$(function () {
   $("#X").append($("#C").clone());
   $("#C").remove();
});


示例是使用，以及使用jquery的
jquery
方法
：

 $('#C').appendTo('#X');

这里是：
您可以使用CSS将其定位在外部div#X中


div{
宽度：100px；
高度：100px；
}
#A{
背景：abcdef；
}
#B{
背景:#666；
}
#C{
背景：绿色；位置：绝对；顶部：110像素；左侧：10像素；
}
#X{
背景：橙色；填充：10px；
}

内分区
外分区
这是可能的。如果您不想依赖任何库，可以这样做：

document.getElementById('X').appendChild(document.getElementById('C'));

这里的诀窍是HTML元素最多可以存在于树中的一个位置，但是DOM为我们处理这个问题。既然你告诉它让C成为X的子对象，但C已经是B的子对象，DOM知道让C不再是B的子对象。这一切都作为一个动作来处理，所以页面只需回流一次，这对性能很有好处。
你想直观地改变位置，还是将div#C复制到div#X？我想直观地改变位置。
document.getElementById('X').appendChild(document.getElementById('C'));