SOURCE

window.onload = function (){
        var aDiv = document.getElementsByTagName('div');

        for(var i =0; i<20; i++){
            document.body.innerHTML +='<div class="v">' +(i)+ '</div>';
            
            var yNum = i%10;

             var zNum = parseInt(i/10);

            if(zNum){
                aDiv[i].style.left = 500+50*yNum + 'px'
                aDiv[i].style.top = 500-50*yNum + 'px';
            }else{
                
                aDiv[i].style.left = 50*i + 'px'
                aDiv[i].style.top = 50*i + 'px';
            }
					
					aDiv[0].style.display = 'none'; 

        };

			
    };

div.v{position: absolute; text-align:center; width:50px; height:50px; background:red; font-size:25px; line-height:50px; color:#fff;}