如何使用JavaScript将现有元素插入到动态创建的元素中？

我想通过CSS在单个多个DIV之外添加一个主DIV，这样我就可以通过ID控制整个DIV

第一组 第2组 第3组 第4组 第5组 我想这样： 第一组 第2组 第3组 第4组 第5组

---

您不能通过CSS注入任何标记。 CSS是一种样式表语言，用于为用HTML编写的文档设置样式

但是，您可以创建一个新的div元素，将其附加到页面中，然后使用JavaScript将现有的div元素插入其中

以下是方法：

var div = document.createElement('div'),
    divs = document.querySelectorAll('div'),
    len = divs.length,
    i;

// Set any necessary attributes
div.id = "myDiv";

for(i = 0; i < len; i++) {
  div.appendChild(divs[i]);
}

document.body.appendChild(div);

这将产生所需的标记：

<div id="myDiv">
  <div class="div 1">div 1</div>
  <div class="div 2">div 2</div>
  <div class="div 3">div 3</div>
  <div class="div 4">div 4</div>
  <div class="div 5">div 5</div>
</div>

---

请注意document.queryselectoral'div'选择页面上的任何div。您需要针对您的情况进行更具体的设置，例如document.querySelectorAll'div.myClass'

您想使用CSS将标记注入页面？要包装元素，您需要访问HTML标记或Javascript。不可能通过CSS更改HTML结构。您可以要求HTML代码的提供者添加您想要的内容？他们可能会提供其他可能有用的建议。@Jack Zelig，没错。