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

我是Javascript新手，我正在构建一个connect-four游戏来学习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>

---

您必须将它们封装到标记中，并在其上添加css规则

一个简单的解决办法是：

var first_row  = ['<span>o</span>','<span>o</span>','<span>o</span>','<span>o</span>','<span>o</span>','<span>o</span>','<span>o</span>'];

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

---

您必须将它们封装到标记中，并在其上添加css规则

一个简单的解决办法是：

var first_row  = ['<span>o</span>','<span>o</span>','<span>o</span>','<span>o</span>','<span>o</span>','<span>o</span>','<span>o</span>'];

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

---

您必须将它们封装到标记中，并在其上添加css规则

一个简单的解决办法是：

var first_row  = ['<span>o</span>','<span>o</span>','<span>o</span>','<span>o</span>','<span>o</span>','<span>o</span>','<span>o</span>'];

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

---

您必须将它们封装到标记中，并在其上添加css规则

一个简单的解决办法是：

var first_row  = ['<span>o</span>','<span>o</span>','<span>o</span>','<span>o</span>','<span>o</span>','<span>o</span>','<span>o</span>'];

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

---

也许您可以在class=“space”元素上使用CSS

---

也许您可以在class=“space”元素上使用CSS

---

也许您可以在class=“space”元素上使用CSS

---

也许您可以在class=“space”元素上使用CSS

在纯javascript（不使用jquery）中，使用for-In循环，而不是使用'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);  
}

请参见此处：

在纯javascript中（不使用jquery），使用for-In循环，而不是使用'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);  
}

请参见此处：

在纯javascript中（不使用jquery），使用for-In循环，而不是使用'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);  
}

请参见此处：

在纯javascript中（不使用jquery），使用for-In循环，而不是使用'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);  
}

---

---

请参见此处：

将它们包装成一个跨距。或者使用

字母间距

（在css中）：

第1行{字母间距：5px；}

这不是一个真正的JS问题；这更像是一个CSS问题。不过，为了好玩，你可以做

innerHTML=first\u row.join（“”）将它们包装成一个跨度。或者使用
字母间距
（在css中）：
第1行{字母间距：5px；}
这不是一个真正的JS问题；这更像是一个CSS问题。不过，为了好玩，你可以做
innerHTML=first\u row.join（“”）将它们包装成一个跨度。或者使用
字母间距
（在css中）：
第1行{字母间距：5px；}
这不是一个真正的JS问题；这更像是一个CSS问题。不过，为了好玩，你可以做
innerHTML=first\u row.join（“”）将它们包装成一个跨度。或者使用
字母间距
（在css中）：
第1行{字母间距：5px；}
这不是一个真正的JS问题；这更像是一个CSS问题。不过，为了好玩，你可以做
innerHTML=first\u row.join（“”）我想你需要一个
加入，不是吗？太好了@Andy我不需要在那里连接任何东西。@jmoon90，所以你想用逗号分隔零？@Andy不一定。如果我去掉所有的逗号和引号，我可以得到一个大的“ooo”，但这打破了它，因为我不能针对一个特定的“o”，这个例子太简单了，无法提供更多关于css如何工作的提示。但是@Andy，如果你看他的代码，他和我做了完全相同的事情，没有“”所以我所做的就是将他的角色封装在所说的跨度中。事后来看，如果我以后读到这篇文章，我确实会对没有加入o_o感到困惑。我想知道为什么会这样！我想你需要一个
加入
，不是吗？太好了@Andy我不需要在那里连接任何东西。@jmoon90，所以你想用逗号分隔零？@Andy不一定。如果我去掉所有的逗号和引号，我可以得到一个大的“ooo”，但这打破了它，因为我不能针对一个特定的“o”，这个例子太简单了，无法提供更多关于css如何工作的提示。但是@Andy，如果你看他的代码，他和我做了完全相同的事情，没有“”所以我所做的就是将他的角色封装在所说的跨度中。事后来看，如果我以后读到这篇文章，我确实会对没有加入o_o感到困惑。我想知道为什么会这样！我想你需要一个
加入
，不是吗？太好了@Andy我不需要在那里连接任何东西。@jmoon90，所以你想用逗号分隔零？@Andy不一定。如果我去掉所有的逗号和引号，我可以得到一个大的“ooo”，但这打破了它，因为我不能针对一个特定的“o”，这个例子太简单了，无法提供更多关于css如何工作的提示。但是@Andy，如果你看他的代码，他和我做了完全相同的事情，没有“”所以我所做的就是将他的角色封装在所说的跨度中。事后来看，如果我以后读到这篇文章，我确实会对没有加入o_o感到困惑。我想知道为什么会这样！我想你需要一个
加入
，不是吗？太好了@Andy我不需要在那里连接任何东西。@jmoon90，所以你想用逗号分隔零？@Andy不一定。如果我去掉所有的逗号和引号，我可以得到一个大的“ooo”，但这打破了它，因为我不能针对一个特定的“o”，这个例子太简单了，无法提供更多关于css如何工作的提示。但是@Andy，如果你看他的代码，他和我做了完全相同的事情，没有“”所以我所做的就是将他的角色封装在所说的跨度中。事后来看，如果我以后读到这篇文章，我确实会对没有加入o_o感到困惑。我想知道为什么会这样！