Javascript 如何将子div自动包含到父div中？

有没有办法将子div添加到父div中。子div仍然相同，没有更改，但父div的内容是可变的。父div自动包含子div，就像CSS div:：before一样，但其中包含整个div，而不仅仅是文本

基本上，每个父对象都会自动生成相同的子对象

见图

---

我如何通过CSS实现它？或者JS

我不完全清楚问题/问题是什么，但听起来你在寻找这样的JS代码：

var child = document.createElement('div');
child.innerHTML = '<p>Child!</p>';

var parent = document.createElement('div');
parent.innerHTML = '<p>Parent 1</p>';

parent.appendChild(child);

---

希望这有点帮助，或者至少不会增加混乱。

我不确定我是否理解您的问题，所以我将给您一个解决方案，然后您评论您的要求

您可以拥有一个包含另一个子div的div，该子div位于父级内部，但在向父级添加更多内容时不会更改

这是一把小提琴：

---

CSS不能生成这样的内容，它只能为其设置样式

如果HTML中不存在该元素，则不会发生任何事情

可以使用伪元素添加伪内容，但这些伪元素的主要目的是增强功能，而不是添加内容。而且它们不能包含HTML

在本例中，可以使用带有bg图像的伪元素，因为这本质上是样式化

div{ 高度：250px； 宽度：250px； 显示：内联块； 利润率：25px； 位置：相对；/*必需*/ } 部门：之后{ 内容：； /*必需的*/ 位置：绝对位置； 底部：25px； 右：25px； 背景图像：urlhttp://www.webdevelopersnotes.com/how-do-i/thumbs/shortcut-arrow.jpg; 高度：75px； 宽度：75px； 背景尺寸：封面； } .一{ 背景：红色； 宽度：300px； } .二{ 背景：浅蓝色； 高度：300px； }

---

是的，但这只是它的一半。我需要为每个家长自动生成子代。也许你在某个地方见过图片下面的小箭头，比如分享图片或者类似的东西。请参阅问题中的链接。您希望自动将子项添加到父项，但应如何将父项添加到您的系统中？您是否要在HTML中手动添加父级？您将在何时添加父级示例：单击按钮“是”时，手动添加。我只是想添加新的东西而不需要太多的样式。这正是我想要的，谢谢。但是我怎么能添加到这个孩子的链接呢？你不能添加到伪元素的链接…它不是一个真正的div。正如我所说，它是样式化的…不是内容。如果要添加内容，应该使用Javascript。

.parent {
border:2px solid black;
padding:5px;
position:relative;
width:124px;
height:120px;
}

.child {
border:2px solid red;
padding:30px;
position:absolute;
bottom:5px;
right:10px;
}