js生成div,如何使15个div成一行，满15个自动换到下一行
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js生成div,如何使15个div成一行，满15个自动换到下一行相关的知识，希望对你有一定的参考价值。
用
var div = document.createElement("div");
document.getElementById("gobangbox").appendChild(div);
生成div
用div.style.xxx="xxx";来规定样式
我想要生成15个div一行，共15列的网格。
<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.;
div.style.;
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.;
改成
div.style.;
改了，图片不见了
追答图片不见了？你是用图片来做的吗？
参考技术A div 无法一行有多於一个, 建议使用TABLE, TR, TD请问css中如何让div铺满父容器?
比如div位于表格中，这个表格有确定的width和height(但之后可能改变)
如何设置css让这个div铺满这个表格?必须用js设置么?
以上是关于js生成div,如何使15个div成一行，满15个自动换到下一行的主要内容，如果未能解决你的问题，请参考以下文章