如何在按钮之间添加空间？

Question

我试图在按钮之间添加空间，我已经找到了方法，但我找不到我正在寻找的东西。

for (i=0;i<res.length;i++) { 
    var newbutton = document.createElement("BUTTON"); 
    var t = document.createTextNode(" "+res[i]); 
    newbutton.appendChild(t); 
    document.body.appendChild(newbutton); 
} 

我想从最终结果的按钮之间放置空间。 我想我必须使用setattribute，但不知道如何以及在哪里。 预先感谢您。 :)

Answer 1

使用CSS这样的东西。添加一个右页边距会做你问什么...

var res = ["button1", "button2", "button3", "button4"]; 
 

 
for (i=0;i<res.length;i++) { 
 
    var newbutton = document.createElement("BUTTON"); 
 
    var t = document.createTextNode(" "+res[i]); 
 
    newbutton.appendChild(t); 
 
    document.body.appendChild(newbutton); 
 
}

button { 
 
    margin-right: 10px; 
 
}

Answer 2

你可以使用保证金为：

for (i=0;i<res.length;i++) { 
    var newbutton = document.createElement("BUTTON"); 
    var t = document.createTextNode(" "+res[i]); 
    newbutton.appendChild(t); 
    newbutton.style.marginRight = "5px"; 
    document.body.appendChild(newbutton); 
}