js生成div,如何使15个div成一行,满15个自动换到下一行


var div = document.createElement("div");
document.getElementById("gobangbox").appendChild(div);
生成div
用div.style.xxx="xxx";来规定样式
我想要生成15个div一行,共15列的网格。

<!DOCTYPE html>
<html>
<head>
<title></title>
</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");
div.style.width="10px";
div.style.height="10px";
div.style.cssFloat="left";
div.style.backgroundColor="rgb("+random250()+","+random250()+","+random250()+")";
return div;
}

// 添加一个div到body中
function addDiv(){
var div=createDiv();
var body=document.getElementsByTagName('body')[0];
body.appendChild(div);
if(--counter==0){
body.appendChild(document.createElement("br"));
counter=countSet;
}
}

// 每500毫秒增加一个div
setInterval(function (){
addDiv();
},500);
</script>
</body>
</html>追问

如果我想要这些div的大小随body(也就是浏览器大小)而变化,怎么写自适应。

追答

把
div.style.width="10px";

改成
div.style.width="6%";

追问

改了,图片不见了

追答

图片不见了?你是用图片来做的吗?

温馨提示:内容为网友见解,仅供参考
第1个回答  2015-02-22
div 无法一行有多於一个, 建议使用TABLE, TR, TD

js生成div,如何使15个div成一行,满15个自动换到下一行
\/\/ 创建并返回一个div的dom对象 function createDiv(){ var div=document.createElement("div");div.style.width="10px";div.style.height="10px";div.style.cssFloat="left";div.style.backgroundColor="rgb("+random250()+","+random250()+","+random250()+")";return div;} \/\/添加...

js中如何让每10个div换一行
(".box div").each(function(index, element) { var idx=index+1; if (!(idx%2)){ $(this).after('<br\/>'); }});主要的就是“idx%2”这里,进行判断就可以了。

怎样设置div在页面中自动调整位置?
2、在body中添加一个DIV,并引入一个CSS,命名为【aaa】。3、给这个DIV添加背景色,并定义它的宽和高。【background:#FA2;width:400px;height:600px;】。4、然后添加如下代码。【position:fixed;left:50%;top:50%;z-index:10;】。z-index是让DIV模块始终在最上端,也可以不添加。可以看到DIV...

js如何实现div的循环排序
如果想要实现这样的效果的话那box_0531这个div里面的内容应该由js生成,排好序然后再push进去,这样才行。

如何用js正表达式把一个div内的所有div标签,全部转换为p标签?
按照你的要求编写的用正则表达式替换div内的所有div标签的javascript程序如下(见图)

怎么用js或jquery使得div内超过一定字符串个数最后一行用省略号替代...
substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。参数 start必需。要抽取的子串的起始下标。length可选。子串中的字符数。示例代码如下 创建Html元素 <div class="box"><span>点击按钮后只显示前10个汉字:<\/span><br><div class="content"><p>我是一段足够长的内容。是的,...

各位高手!js自动生成了几个div怎样让其各自绑定点击事件,怎样知道点击...
newDivNode.addEventListener("click", function(){ alert(this.id.replace(\/newId\/,''));}, false);你上面存了id这个属性的 可以通过id获取,然后再删除前面的newId几个字母,获取的就是后面的i;望采纳 另外。删除数组的方法用splice;arr.splice(start,length);删除起始位置(数组下表),和...

用js怎样自动循环生成div?
1、先根据id获取对象 document.getElementById("pro")2、然后 使用该对象‍的 .innerHTML 属性往该节点中插入 document.getElementById("pro").innerHTML="<div>***<\/div>"3、使用for循环。4、结束,实现方法很多。编程学的不是代码,而是思想。

我写了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> ...

javascript动态生成100个div,每逢10就换一行。请问怎么计算div的TOP值...
即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的高。

相似回答