javascript - 如何使用JavaScript使用循环动态并排附加Divs？

您能帮忙如何使用javascript使用循环并排附加Divs，
这里有两列和六行。
我尝试了以下代码，

for(var i=0;i<2;i++) {
    for(var j=0;j<5;j++) {
        document.write('<div style="width:200px;height=200px;border:1px solid red;float:left" />')+"\n";
    }
}

最佳答案

的HTML：

​<div id="table"></div>​

js：

var newdiv;
for(var i=0;i<2;i++) {
    for(var j=0;j<6;j++) {
        newdiv=document.createElement("div");
        newdiv.style.width = '80px';
        newdiv.style.height = '80px';
        newdiv.style.border = '1px solid red';
        newdiv.style.float = 'left';
        document.getElementById('table').appendChild(newdiv);
    }
    newdiv=document.createElement("div");
    newdiv.style.clear = 'both';
    document.getElementById('table').appendChild(newdiv);
}​

关于javascript - 如何使用JavaScript使用循环动态并排附加Divs？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12180428/