Добавление горизонтального пространства между двумя кнопками с помощью javascript

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

это мой первый пост на StackOverflow :)

Вы можете попробовать использовать строку ниже:

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

Это добавит стиль вашего управления.