Javascript如何动态创建DIV

这篇文章主要介绍"Javascript如何动态创建DIV"，在日常操作中，相信很多人在Javascript如何动态创建DIV问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答"Javascript如何动态创建DIV"的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

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
把DIV元素增加到HTML里面。
也可在HTML里面定义一个SPAN
window.frames["displayFrame"].document  .getElementById("spanId").appendChild(myDIV);  window.frames["displayFrame"].document  .body.appendChild(myDIV);
IE和Firefox都支持.
◆另外需要注意的是这个CSS元素
浮动效果:float:left
在IE下代码为:myDIV.style.styleFloat="left";
在Firefox代码为:myDIV.style.cssFloat="left";
其他的诸如这种元素:
在CSS编写中一般是:margin-left:8px，而在动态增加需要去掉-:myDIV.style.marginLeft="8px"。
到此，关于"Javascript如何动态创建DIV"的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注网站，小编会继续努力为大家带来更多实用的文章！