js原生学习-初级-练习8

最新推荐文章于 2024-03-30 05:22:30 发布

小晓白的博客

最新推荐文章于 2024-03-30 05:22:30 发布

阅读量357

点赞数

分类专栏： javascript原生学习文章标签： JS原生开发学习 js javascript jquery html5

本文链接：https://blog.csdn.net/wbbott/article/details/74452404

版权

javascript原生学习专栏收录该内容

11 篇文章 0 订阅

订阅专栏

js原生学习-初级-练习8

for的应用-for逢10 往下一行




	
    
    
	
    
    
	5-for逢10 往下一行
	
	<script type="text/javascript">
		window.onload = function(){
			var aDiv = document.getElementsByTagName('div');
			// 生成50个div
			for (var i = 0; i < 100; i++) {
				document.body.innerHTML += '
    
    
     
     ' + i + '
    
    ';
			};
			// alert(parseInt(7/2));    => 3   丢弃小树部分，保留整数部分
			// alert(Math.ceil(7/2));   => 4   向上取整，有小数就整数部分加1
			// alert(Math.round(7/2));  => 4   四舍五入
			// alert(Math.floor(7/2));  => 3   向下取整

			/*for (var i = 0; i < aDiv.length; i++) {
				if (i>9) {
					aDiv[i].style.left = (i-10)*60 + 'px';
					aDiv[i].style.top = 60 + 'px';
					
				}else{
					aDiv[i].style.left = i*60 + 'px';
					aDiv[i].style.top = 0 + 'px';
				}
			};*/

			for (var i = 0; i < aDiv.length; i++) {
				var n = Math.floor(i/10);
				aDiv[i].style.left = (i-(n*10))*60 + 'px';
				aDiv[i].style.top = n*60 + 'px';
			};
			
		};
	</script>