我正在尝试使用JavaScript创建一个棋盘,并使用64个div来实现。
问题是它只创建了第一个div。
以下是代码:
div {
width: 50px;
height: 50px;
display: block;
position: relative;
float: left;
}
<script type="text/javascript">
window.onload=function()
{
var i=0;
var j=0;
var d=document.createElement("div");
for (i=1; i<=8; i++)
{
for (j=1; j<=8; j++)
{
if ((i%2!=0 && j%2==0)||(i%2==0 && j%2!=0))
{
document.body.appendChild(d);
d.className="black";
}
else
{
document.body.appendChild(d);
d.className="white";
}
}
}
}
</script>
documentFragment
。documentFragment
充当一个暂存区,在其中重复添加元素,最后再将其添加到DOM
中。重复向DOM
添加元素会导致整个文档重新布局。请参见:http://ejohn.org/blog/dom-documentfragments/。 - Ram Patra