（求助！！）div重复问题

卟惹尘埃 2010-12-13 02:13:29

呃题目可能不明确，我要的效果是这样的：在一个页面显示100x100个 <div width="10px" height="10px"></div> 有没有简单的方法让它显示出来呢？不可能要复制粘贴10000个吧？求最简代码

...全文

81 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

Mr-Jee 2010-12-13

打赏
举报

我强烈不建议使用这么多dom元素
浏览器抗不住
针对这题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">

<head>

  <title></title>

  <script type="text/javascript">

  window.onload = function(){

		var d =  document.createDocumentFragment();

		for(var i = 0; i < 100; i++) {

			for(var j = 0; j < 100; j++) {

				var dom = document.createElement("div");

				dom.id = i*100+j;

				d.appendChild(dom);

			}				

			d.appendChild(document.createElement("br"))

		}		

		document.getElementById("test").appendChild(d);

	}

  </script>

  <style>



	#test div{

		float:left;

		width:10px;

		height:10px;

		border:1px solid #000;

	}

  </style>

</head>

<body>

	<div id="test"></div>

</body>

</html>

bennman 2010-12-13

打赏
举报

for(var i=0;i<100;i++){
var d=document.createElement('div');
d.style.width='10px';
d.style.height='10px';
d.style.border='1px solid #000';
d.style.cssFloat='left'//FF
d.style.styleFloat='left'//IE
d.style.margin='1px'
document.body.appendChild(d);
}

root_lee 2010-12-13

打赏
举报

<script type="text/javascript">

for(var i=1;i<=100*100;i++)

{

    document.write("<div style='width:10px;height:10px;'>"+i+"</div>");

}

</script>