Javascript 用JS插入Html

我需要将

div_A

插入

div_B

，但仍保留

div_A

以供参考

var div_A=document.createElement（'div'）；
var newdiv=`${div_A.outerHTML}`；
$（'.container'）.append（newdiv）；
div_A.append（'Hello'）
.container{
背景颜色：蓝色；
宽度：200px；
高度：200px；
}
B.分区{
背景色：红色；
宽度：150px；
高度：150像素；
}
.div_B div{
背景颜色：黄色；
宽度：100px；
高度：100px；
}
需要使用这样的东西吗

var divb = document.createElement("div")
divb.InnerHtml = diva.OuterHtml

container.appendChild(divb)

不要连接HTML字符串，而是让新的
div_B
元素也成为实际的元素，而不仅仅是字符串：


var div_A=document.createElement（'div'）；
var newdiv=$（``）；
新增div.append（div_A）；
$（'.container'）.append（newdiv）；
div_A.append（'Hello'）
.container{
背景颜色：蓝色；
宽度：200px；
高度：200px；
}
B.分区{
背景色：红色；
宽度：150px；
高度：150像素；
}
.div_B div{
背景颜色：黄色；
宽度：100px；
高度：100px；
}
如果要让对div的引用更新内容，则需要附加元素，而不是使用元素的HTML。该字符串是当时的快照。它不会做任何神奇的事情，并不断更新

因此，创建div，附加div，现在就可以更新它了


var div_A=document.createElement（'div'）；
var newdiv=$（''）；
新增div.append（div_A）；
$（'.container'）.append（newdiv）；
div_A.append（'Hello'）
.container{
背景颜色：蓝色；
宽度：200px；
高度：200px；
}
B.分区{
背景色：红色；
宽度：150px；
高度：150像素；
}
.div_B div{
背景颜色：黄色；
宽度：100px；
高度：100px；
}

因此，不要将其用作违背引用目的的字符串。我不理解此问题的否决票。用户添加了他的方法和最小的可重复代码。用户发布问题是因为他被卡住了，想学习/理解一些东西。如果我想将
div_A
插入嵌套在
div_B
中的div，该怎么办？然后你会做同样的事情-显式创建你想要的每个元素，并将子元素附加到其中，同时保留对子元素的引用。谢谢，我需要将
div_A
插入嵌套在
div_B
中的div？