为二维数组中的每个项目打印一个框

时间:2016-12-03 17:05:42

标签: javascript dom multidimensional-array

好的,我有一个维度数组和一个foor循环来检查数组中的每个项目。循环中还有一个if语句,它检查数组项是否=== 1.如果它等于1我想打印一个20 * 20px的框。但我不知道该怎么做。如果我每次在控制台中打印一些数组项目=== 1,它都可以正常工作。

谢谢!

2 个答案:

答案 0 :(得分:1)

你需要为你的盒子写下html,给每个盒子一个唯一的id,可能就像这样简单的div:

 <div class = "box">
 </div>

 css:
 .box{
     background-color: 'black';
     width: 20px;
     height: 20px;
     display: none;
  }

默认情况下,此框将被隐藏。在Javascript文件中,if条件成功后,通过设置display = block,使id对应于索引的框可见。

答案 1 :(得分:1)

&#13;
&#13;
var items = "0101101";
for (var i = 0; i < items.length; i++) {
  if (items[i] == 1) {
    document.body.appendChild(
      document.createElement("div")
    );
  }
}
&#13;
div {
  width: 20px;
  height: 20px;
  border: 1px solid black;
}
&#13;
&#13;
&#13;