js动态div定位问题。

nbzzw6688 2013-08-27 08:39:41

昨天提问制作动态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>

...全文

180 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

fzfei2 2013-08-27

打赏
举报

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>

body { -moz-user-focus: ignore; -moz-user-input: disabled; -moz-user-select: none; } .divall{ width:300px; float:left; border:1px solid #cccccc; margin:10px 10px 0px 0px; } .

js定位div滚动条位置如图： 1.找到需要定位元素的位置，已Y轴为例，使用offsetTop找到距离父元素顶部的距离。 2.使用scrollTop属性使其父元素滚动到相应的位置，看下列代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function dw(){ let [parentDoc,childDoc]= [document.querySele

window.location 对象属性介绍： Location 对象属性属性　　　　　　　　　描述　　　　 IE F O hash 设置或返回从井号 (#) 开始的 URL（锚）。 4 1 9 host 设置或返回主机名和当前 URL 的端口号。 4 1 9 hostname 设置或返回当前 URL 的主机名。 4 1 9 href 设置或返回完整的 URL。 4 1 9 pathnam...

在一个div中动态创建一个div，要取得这个div相对于父窗口的位置，我开始以为appendChild就是子div，取得这个子对象就是我想要的位置，但是不是这样的，它的位置还是相对document的。所以我做了一个实验：通过取得子窗口的位置减去父窗口的位置就可以了。 http://www.w3.org/TR/html4/loose.dtd"> New Document

1、div+css中的定位position 最主要的两个属性：absolute(绝对定位)、relative(相对定位) （1）absolute(绝对定位)，位置将依据浏览器左上角开始计算。绝对定位使元素脱离文档流，因此不占据空间。（2）relative(相对定位)，定位是相对的，那他是相对于什么呢？参照物是什么？看代码： #left{background:#