1、先根据id获取对象
document.getElementById("pro")2、然后 使用该对象的 .innerHTML 属性往该节点中插入
document.getElementById("pro").innerHTML="<div>*****</div>"3、使用for循环。
4、结束，实现方法很多。编程学的不是代码，而是思想。
纯JAVASCRIPPT创建
(1):document.getElementById("要创建DIV位置的ID").innerHTML='<div>div里面的内容</div>'
(2):
var createDiv=document.createElement("div")
createDiv.title="div title."
createDiv.id="id"
createDiv.class="class"
createDiv.innerHTML="div里面的内容!"
document.body.appendChild(createDiv)//添加到BODY节点中
JQUERY
$("#要创建DIV位置的ID").html('<div>div里面的内容</div>')
<!DOCTYPE html><html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
var countSet=15
var counter=countSet
// 随机一个数字,由0到250
function random250(){
return new String(Math.round(Math.random()*250))
}
// 创建并返回一个div的dom对象
function createDiv(){
var div=document.createElement("div")
div.style.width="10px"
div.style.height="10px"
div.style.cssFloat="left"
div.style.backgroundColor="rgb("+random250()+","+random250()+","+random250()+")"
return div
}
// 添加一个div到body中
function addDiv(){
var div=createDiv()
var body=document.getElementsByTagName('body')[0]
body.appendChild(div)
if(--counter==0){
body.appendChild(document.createElement("br"))
counter=countSet
}
}
// 每500毫秒增加一个div
setInterval(function (){
addDiv()
},500)
</script>
</body>
</html>
