使用javascript在两个按钮之间添加水平间距

我正在使用javascript动态创建提交按钮。我想知道在这个过程中，如何在每个按钮之间引入水平间距

我的代码是

var allFields = commonButtons.concat(extraFields);
for (var i = 0; i < allFields.length; i++) {
    var node = document.createElement("input");
    var btName = document.getElementById("submit-buttons");
    node.setAttribute('data-value', allFields[i]);
    node.setAttribute('class', "submitButton");
    node.setAttribute('type', "submit");
    node.setAttribute('id', "test");
    node.setAttribute('name', "");
    node.setAttribute('value', allFields[i]);
    var parent = document.getElementById('submit-buttons');
    parent.insertBefore(node, parent.childNodes[parent.childNodes.length - 2]);
}

var allFields=commonButtons.concat（外部字段）；
对于（变量i=0；i

---

如何做到这一点？

使用CSS而不是Javascript。无论如何，您正在向所有按钮添加一个类。使用以下代码：

.submitButton {
    margin: 0 10px;
}

---

使用CSS而不是Javascript。无论如何，您正在向所有按钮添加一个类。使用以下代码：

.submitButton {
    margin: 0 10px;
}

---

这是我关于stackoverflow的第一篇帖子：）

您可以尝试使用下面的行：

node.style.marginTop='0px 10px'

它将为您的控件添加样式。
这是我关于stackoverflow的第一篇帖子：）

您可以尝试使用下面的行：

node.style.marginTop='0px 10px'

它将为您的控件添加样式。
与我将要说的差不多，但是我将使用
边距：0px 10px相反，因为他只需要水平间距。@jaunt谢谢！更新了。和我要说的差不多，不过我会使用
margin:0px 10px相反，因为他只需要水平间距。@jaunt谢谢！更新的.node.setAttribute（'style'，'margin:0 10px；'）；setAttribute（'style'，'margin:0 10px；'）；