JS控制创建DIV并且控制DIV出现的位置

JavaScript010

JS控制创建DIV并且控制DIV出现的位置,第1张

1、js创建div的语法是createElement("div")。知道这个我们就可以直接写个简单的函数先创建一个div。并添加到对应的dom元素中，可能是body窗体上也可以是div内。

2、至于控制位置，则是通过js给div添加class。通过css样式来控制。具体如下：

function cDiv(){

var bb = document.body//document.getElementById("div")

var div = document.createElement("div")

div.id = "div1"

div.className = "div1"

div.innerHTML = "div1"

bb.appendChild(div)

}

cDiv()

3、为了让函数执行，必须吧函数放入到</body>上面。这样才有效果

var p = document.getElementById("div1")

p.style.position = "absolute"

p.style.left="100px"

p.style.top="100px"