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

Question

If I have a bunch of HTML code, similar to the following:

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

How do I use JavaScript to add or remove more of those - ie

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

...etc.?

Answer 1

To remove you could use

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

To add you could use

$("<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 , will have all the divs & p as you wish This will give you the output you want. Just change the number of times the loop will execute based on your wish.