js逢十换行，求最简写法

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <style type="text/css">
       div{width: 50px;height: 50px;background: red ;position: absolute;top: 0;left: 0;font-size: 30px;text-align: center;line-height: 50px;color: #22B8CB;}
   </style>
   <script type="text/javascript">
       window.onload=function(){
           var adiv=document.getElementsByTagName('div');
           for(var i=0;i<100;i++){
               document.body.innerHTML+='<div>'+i+'</div>';
               }
               for(var i=0;i<adiv.length;i++){

                   if(i%10==0){
                   adiv[i].style.left=10+'px';
                   adiv[i].style.top=i*20+'px';
                   var b=adiv[i].style.top;
               }else{
                   adiv[i].style.left=10+i%10*60+'px';
                   adiv[i].style.top=b;

               }
               }
               //逢10往下一行


       }
   </script>
   <title>Document</title>
</head>
<body>

</body>
</html>

侠客岛的含笑

浏览 3504回答 1

1回答

kumin

如果不会css3 你这样基本上就是比较合适的啦如果你了解CSS3的选择器这种问题可以用css3或者jQuery（jQuery支持css3的选择器）简单完成使用css3中伪类选择器 nth-of-tpye举个栗子div:nth-of-tpye(n*10){ /*选中所有同一父元素下的div中 10的倍数的元素*/ text-index:10px; /* 文本缩进10px*/ margin-top:20px; /*与上一个元素增加20px的外边距*/}

随时随地看视频慕课网APP