Question

我想通过CSS在个别DIV之外添加一个主DIV，因此我可以通过ID控制整个DIV。

<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>

I want to like this way:

<div id="myId">
   <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>

但是我想通过CSS来做这件事只是因为html部分来自第三方，所以我无法在html中编辑或添加任何内容。但我可以通过CSS进行编辑。

提前致谢，:)点击

Answer 1

您无法通过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.querySelectorAll('div')选择页面上的任何div。您需要更具体地针对您的情况，例如： document.querySelectorAll('div.myClass')

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

1 个答案: