（求助！！）div重复问题

呃 题目可能不明确，我要的效果是这样的：在一个页面显示100x100个 <div width="10px" height="10px"></div>  有没有简单的方法让它显示出来呢？不可能要复制粘贴10000个吧？求最简代码

解决方案 »

  1.   

    循环呗。
    for(){
       for() {
           innerHTML += "<div></div>";
       }
    }
    不过我建议你用dom create
      

  2.   

    <script type="text/javascript">
    for(var i=1;i<=100*100;i++)
    {
        document.write("<div style='width:10px;height:10px;'>"+i+"</div>");
    }
    </script>
      

  3.   

    for(var i=0;i<100;i++){
    var d=document.createElement('div');
    d.style.width='10px';
    d.style.height='10px';
    d.style.border='1px solid #000';
    d.style.cssFloat='left'//FF
    d.style.styleFloat='left'//IE
    d.style.margin='1px'
    document.body.appendChild(d);
    }
      

  4.   

    我强烈不建议使用这么多dom元素
    浏览器抗不住
    针对这题<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <title></title>
      <script type="text/javascript">
      window.onload = function(){
    var d =  document.createDocumentFragment();
    for(var i = 0; i < 100; i++) {
    for(var j = 0; j < 100; j++) {
    var dom = document.createElement("div");
    dom.id = i*100+j;
    d.appendChild(dom);
    }
    d.appendChild(document.createElement("br"))
    }
    document.getElementById("test").appendChild(d);
    }
      </script>
      <style> #test div{
    float:left;
    width:10px;
    height:10px;
    border:1px solid #000;
    }
      </style>
    </head>
    <body>
    <div id="test"></div>
    </body>
    </html>