用js怎样自动循环生成div？

JavaScript012

用js怎样自动循环生成div？,第1张

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>