您如何使用 Javascript 添加或删除 HTML/CSS 代码？

Question

如果我有一堆 HTML 代码，类似于以下内容：

<div id='test0div'>
   <p id='test0'></p>
</div>

我如何使用 JavaScript 添加或删除更多的那些 - 即

<div id='test1div'>
   <p id='test1'></p>
</div>
<div id='test2div'>
   <p id='test2'></p>
</div>

...等等。？

Answer 1

要删除您可以使用

$('#id').remove();

添加你可以使用

$("<div id='new'></div>").appendTo('#id');

Answer 2

var container = document.createElement("div");
for(var i=0; i<5; i++) { // change i <5 as per your data source
   var div = document.createElement("div");
   var p = document.createElement("p");
   p.id = "test"+i;
   div.id = "test"+i+"div";
   div.appendChild(p);
   container.appendChild(div); // you can event append to particular id or body    
}

   // document.getElementById("divId").appendChild(container);

container ，将拥有您希望的所有 divs & p 这将为您提供所需的输出。 只需根据您的意愿更改循环执行的次数。