for循環座標生成《逢十往下一行》

時間 2019-12-12

標籤循環座標生成逢十往下一行简体版

原文原文鏈接

<!DOCTYPE html> javascript

　　<meta charset="UTF-8">css

　　 <title></title>html

　　<style type="text/css">java

　　　　 div{ width: 50px; htm

　　　　　height: 50px; ip

　　　　　background-color: red;get

　　　　position: absolute; it

　　　　top: 0; left: 0; io

　　　　line-height: 50px;function

　　　　text-align: center;

　　　　}

</style>

　　window.onload=function (){

　　 // 一、先建立div

　　　　for(var i=0;i<20;i++){

　　　　　　document.body.innerHTML=document.body.innerHTML+'<div>'+i+'</div>';

　　　　}

　　// 2 、再查找div的位置

　　　　var aDiv = document.getElementsByTagName('div');

　　　　for(var i=0;i<10;i++){

　　　　　　 aDiv[i].style.left=20+i*50+'px';

　　　　}

　　　// 3 、位置稍微作調整

　　　　// aDiv[10].style.top=50+'px';

　　　 // aDiv[10].style.left=20+'px'; //

　　// aDiv[11].style.top=50+'px';

　　// aDiv[10].style.left=20+50*(11-10)+'px';

　　　　for(var i=10;i<30;i++){

　　　　aDiv[i].style.left=20+(i-10)*50+'px';

　　　　aDiv[i].style.top=50+'px';

　　　　}

</script>

</head>

<body>

</body>

</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。