Javascript 在数组中的每个对象之间添加边距

Question

我是 Javascript 的新手，我正在构建一个连四游戏来学习 javascript。问题是我无法在“o”之间添加边距，因此它们看起来都聚集在一起。我想帮助在“o”之间添加边距或填充。有些想法是我可能需要在表格中添加每一行“o”。但是，我正在通过 javascript 函数更新它。我该如何解决这个问题？

我的javascript文件

var first_row  = ['o','o','o','o','o','o','o'];

onload = function ()
     {
       document.getElementById("row1").innerHTML = first_row;
     }

HTML文件

<h1 class="space" id="row1"></h1>

Answer 1

在带有 for in 循环的纯 javascript(不使用 jquery)中，而不是附加带有“0”的跨度以进行样式设置。

var first_row  = ['o','o','o','o','o','o','o'];
var row = document.getElementById('row1');

for (var i in first_row) {
  var span = document.createElement('span');
  span.innerHTML = first_row[i];
  row.appendChild(span);  
}

参见此处:http://jsfiddle.net/95JqK/17/