移动一个已经用JavaScript创建的按钮

Question

在这里，我尝试创建一个用于创建按钮的JS函数，我已经成功地完成了。什么对我不起作用，是找到一种方法来移动/位置按钮在同一功能。我在网上搜索答案，但是没有找到。

function createButtons(dialogueString, buttonIdString) {
var btn = document.createElement("button");
btn.style.left = "50%"; //here is one of my attempts to move the button but it is not working
btn.id = buttonIdString;
btn.innerHTML = dialogueString;
document.body.appendChild(btn);
};
createButtons("Hello", "choice1");

正如你在上面看到的，我试着用btn.style.left把按钮移到左边，我试着写&;200px&;，而不是&;50%&;还有很多其他的方法，但都没用。如果你知道如何解决这个问题，请告诉我，我将非常感激。

Answer 1

将btn.style.position = 'absolute';或btn.style.position = 'relativ';添加到函数

function createButtons(dialogueString, buttonIdString) {
var btn = document.createElement("button");
btn.style.left = "50%"; //here is one of my attempts to move the button but it is not working
btn.style.position = 'absolute';
btn.id = buttonIdString;
btn.innerHTML = dialogueString;
document.body.appendChild(btn);
};
createButtons("Hello", "choice1");

Answer 2

你可以用想要的样式并包含在js中。

例如:

//style.css
.buttonStyle{
color: red;
}
//javascript part
btn.classList.add("buttonStyle");

Answer 3

找到解决方案。我做了btn.style.marginLeft = "+50px"，它似乎工作。