javascript动态生成100个div,每10个改变TOp值,到下一行。

如题所述

第1个回答  2017-06-20

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  var i,j;
  for (i=1;i<=10;i++){
    var h1 = $("body").html();
    $("body").html(h1+"<div id='div"+i+"' style='clear:both;'></div>");
    for (j=1;j<=10;j++){
       var a = $("#div"+i).html();
       $("#div"+i).html(a+"<div style='border:1px solid red; height:25px; width:25px; margin:5px; float:left;'>"+j+"</div>");
    }
  }
});
</script>
</head>
<body>
</body>
</html>

代码有多种写法,取决于你的css样式,图上是其中一种,供参考!

第2个回答  2017-06-20
var top=0;
for(var i=0;i<100;i++){
var div=document.createElement("div");

div.style.position="absolute";

if(i%10==0){
top+=10;

}

div.style.top = top+"px";

}本回答被网友采纳

javascript动态生成100个div,每10个改变TOp值,到下一行。
div.style.position = "absolute"; div.style.width = "50px"; div.style.height ="50px"; div.style.left = ((i%10)*50+10)+"px"; div.style.border= "1px solid #ddd"; div.innerText = i; if(i%10==0){ ++j; ...

javascript动态生成100个div,每逢10就换一行。请问怎么计算div的TOP值...
把100个div从0开始编号(即0-99),假定编号的变量为n,则 第n个div的Left = (n%10) * div的width 第n个div的Top = parseInt(n\/10) * div的height 简言之就是每个div的左边距等于这个div的序号除以10的余数再乘以这个div的宽;每个div的上边距等于这个div的序号除以10的商再乘以这个div的...

js改变div的位置?
p.style.top="100px";把div交换位置,用js!html head scripttype="text\/javascript"src="\/jquery\/jquery.js"\/script scripttype="text\/javascript"(document).ready(function(){ varp_1=document.getElementById('p1');varp_2=document.getElementById('p2');vard_c=document.createElement("div"...

我写了10个div 怎样让他们只显示一个 一点击一个就换另一div 其他的隐 ...
这个在js里面设置;onclick=“displaydiv(this);”<script> function displaydiv(){ divs=document.getElementByclassName("listpage");for(i=0;i<10i++){ divs[i].style.display="none";} this.style.display="block";} } <\/script> ...

js生成div,如何使15个div成一行,满15个自动换到下一行
<\/head> <body> <script type="text\/javascript"> var countSet=15;var counter=countSet;\/\/随机一个数字,由0到250 function random250(){ return new String(Math.round(Math.random()*250));} \/\/ 创建并返回一个div的dom对象 function createDiv(){ var div=document.createElement("div")...

动态生成2个div 怎么把一个嵌套到另外一个里面?
动态生成div?写这么多多麻烦,用一个简单的方法生成 var div1="<div id='Login' style='width:xxpx;...'><\/div>";在需要添加的父级容器里写 .innerHTML=div1;

javascript怎样获取动态生成div的Id值
现在来说第一个方法:假如你在上面的代码的标签中假如这样一个id :那么可以这样来找到DIV的ID值:var the_div_id = document.getElementById("test").getElementsByTagName("div")[0].id;这样要求一点点小技巧。至于你说如何取DIV的动态ID,这样还不简单么?随便取个字符串然后加上一些有规律的...

有十个div,怎样实现选中其中一个,改变其背景色,另外九个不变,当选中...
这个是jq写的,可以自己下载一个js库,配上这个就可以了,里面的div可以用class控制,比如你10个div class为a1 也就是<div class="a1"><\/div>*10 那div的地方要替换成.a1 (document).ready(function(){ (".a1").click(function(){ (".a1").css({"background":none});\/\/设置所有...

js定时控制多个div自动切换 5个div,只显示一个,其余4个隐藏,用js控制每...
if(NowImg==MaxImg)\/\/判断当前div是否是最后一个,如果是则从第一个重新轮回显示 NowImg=1;else NowImg++;\/\/设置下一个显示的图片 } theTimer=setInterval("show()",10000);\/\/设置定时器,显示下一个图片,10000表示每间隔10秒,可以改的。。。<\/script> <\/head> <body onload="show()">...

javascript怎么获取一个当前div层的坐标,在将这个坐标赋值给另一个d...
offsetLeft;\/\/当前x坐标 offsetTop;\/\/当前y坐标 赋值直接用innerHTML就行了

相似回答