html自动创建div Javascript实现动态创建DIV步骤

本文向大家描述一下如何使用Javascript动态创建DIV，首先看一下原来的CSS样式，然后动态创建DIV，把DIV元素增加到HTML里面，相信本文介绍你会学到很多。

Javascript动态创建DIV

这是原来的CSS样式

.item{float:left;overflow:hidden;margin-left:8px;

margin-top:10px;width:320px;height:250px;

background-repeat:no-repeat;

background-image:url(../images/bgred.jpg)}

.curve{position:relative;width:320px;height:250px;

z-index:1;left:75px;top:-40px;}

动态创建DIV代码如下:

for(j=0;j*8

{

varmyDIV=window.frames["displayFrame"]

.document.createElement("DIV");

myDIV.setAttribute("id","itemDIV"+j);

myDIV.style.styleFloat="left";

myDIV.style.overflow="hidden";

myDIV.style.marginLeft="8px";

myDIV.style.marginTop="10px";

myDIV.style.width="320px";

<