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

-2

如果我有一堆的HTML代码，类似于以下内容：如何使用Javascript添加或删除HTML/CSS代码？

<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>

...等？

来源

2014-05-21 user3550435

我的建议是使用jquery。它简化了很多。你可以在这里找到很多信息：http://api.jquery.com/append/ –

http://www.w3schools.com/js/js_htmldom_html.asp http://stackoverflow.com/questions/584751/插入-html-into-a-div http://www.w3schools.com/js/js_htmldom_css.asp http://stackoverflow.com/questions/566203/changing-css-values-with-javascript –

了解有关DOM操作：http：//quirksmode.org/dom/intro.html。 –

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，将所有的div &数p作为你想这会给你的输出你要。只要根据你的意愿改变循环的执行次数即可。

来源

2014-05-21 00:28:41 mohamedrias

要删除您可以使用

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

要添加，你可以使用

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

来源

2014-05-21 00:24:00

请注意，这不是“纯”的JavaScript，需要jQuery库。 @JordanD你不应该假设每个人都使用jQuery，并且问题没有用jquery标记。 –

是的，这确实是一个好点，我会解决我的答案。 –

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

回答

相关问题