前言：

    初学Javascript，有很多的困惑，但在学习过程中也有些许收获，只要有一点点进步就行了。也许三五年后，才能有所得吧？

   今天，我想在网页部批量输入多个div,输入过程中，感觉好麻烦，于是我想能不能用Javascript来完成，比如要插入100个div，这可是一个艰难的任务，如果能用javascript命令完成不是很好吗？

一、思路：

     重复某件事，当然用循环语句就好了，于是我准定用 for 循环；比如插入100个div，就循环100次就好了，其次利用元素的innerHTML属性，既可以更替毒素的内容也可添加元素的内容。

二、动手实践：

    1、div样式设置：

        找到<head>与</head>,在其中添加：

<script type='text/css'>
  div{width:50px;height:50px;background:red;position:absolute;line-height:50px;text-align:center;color:yellow;}
 </script>

    注：在上述代码中必须加入position:absolute;

  下面是在Javascript代码部分：

 

</style>
	<script>
	　　window.onload=function (){
		　　for(var i=0;i<100;i++){
			　　document.body.innerHTML+='<div>'+i+'</div>'
}
		　　var mDiv=document.getElementsByTagName("div");
		　　for (var i=0;i<mDiv.length;i++){
			　　mDiv[i].style.left=10+60*parseInt(i/10)+i*60+'px'; //目的是想让div每10个一排
			　　mDiv[i].style.top=10+60*parseInt(i/10)+'px';
}
}

	</script>

三、结果如图：(只是一部分）

jquery 给div添加html代码 javascript添加div_jquery 给div添加html代码

 


由于初学Javascript，不了解相应算法，对调节横坐标有欠缺，望能在不断学习的过程中逐渐掌握。