使用javascript在2個按鈕之間添加水平空間

Question

我使用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]); 
} 

我該怎麼辦呢？

Answer 1

使用CSS而不是Javascript。無論如何，你正在向所有按鈕添加一個類。使用下面的代碼：

.submitButton { 
    margin: 0 10px; 
} 

Answer 2

這是我的計算器:)

你可以試試下面用線的第一篇文章：

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

它將添加樣式到您的控制。