js动态div定位有关问题

2013-09-06

js动态div定位问题。昨天提问制作动态div的问题，根据sinbas的提示已经完成了，现在的问题是生成的div总在页

js动态div定位问题。
昨天提问制作动态div的问题，根据sinbas的提示已经完成了，现在的问题是生成的div总在页面最下面，没法重新定位，我在页面里做了一个蓝色的div不知道怎样把动态的生成的div放到蓝色的div中。求路过的大哥帮忙解决。
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  <title> 创建的DIV </title>


  <script language=javascript>
   function tcreatediv(cunt){
  var a=0;

    for(var i=0;i<cunt;i++){
     var objdiv = document.createElement("DIV");

     var objname="list_" + i
     objdiv.id = objname;
     objdiv.style.top = 100 * i + 100;
     objdiv.style.left = 100 * i + 100;
     objdiv.style.background = '#FFFF00';
     objdiv.style.visibility = 'visible';
     objdiv.style.width = 100;
     objdiv.style.height = 80;
     objdiv.className ="oldstyle";
     a= i+1;
     objdiv.innerHTML="<a href='javascript:;' onClick='javascript:playload("+i+")' >第"+a+"集</a>";
     document.body.appendChild(objdiv);

    }
   }
  </script>

  </head>
  <body>

  cunt指创建的DIV个数  <br/>

  <input id='creatdv' type=button value="create div" onClick="tcreatediv(3);">
<div style="width:800px; height:100px; border:#000 thin 1px; background:#03C">
</div>

  </body>

  </html>
[解决办法]
document.body.appendChild(objdiv);  document.body 改成  蓝色的div

 
 
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  <title> 创建的DIV </title>
  <script language=javascript>
   function tcreatediv(cunt){
  var a=0;
     var divBox = document.getElementById("divBox");
    for(var i=0;i<cunt;i++){
     var objdiv = document.createElement("DIV");
    
     var objname="list_" + i
     objdiv.id = objname;
     objdiv.style.top = 100 * i + 100;
     objdiv.style.left = 100 * i + 100;
     objdiv.style.background = '#FFFF00';
     objdiv.style.visibility = 'visible';
     objdiv.style.width = 100;
     objdiv.style.height = 80;
     objdiv.className ="oldstyle";
     a= i+1;
     objdiv.innerHTML="<a href='javascript:;' onClick='javascript:playload("+i+")' >第"+a+"集</a>";
     divBox.appendChild(objdiv);
     
    }
   }
  </script>

  </head>
  <body>
  
  cunt指创建的DIV个数  <br/>

  <input id='creatdv' type=button value="create div" onClick="tcreatediv(3);">
 <div  id="divBox" style="width:800px; height:100px;overflow:auto;  border:#000 thin 1px; background:#03C">
 </div>

  </body>

  </html>

热点排行

JavaScript

js动态div定位有关问题