在這里我嘗試創建一個用于創建按鈕的 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%”和許多其他內容，但沒有任何效果。如果您有任何想法如何解決這個問題，請告訴我，我將不勝感激。
uj5u.com熱心網友回復：
只需添加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");uj5u.com熱心網友回復：
您可以制作具有所需樣式的 css 類并將其包含在 js 中。
例如：
//style.css
.buttonStyle{
color: red;
}
//javascript part
btn.classList.add("buttonStyle");
uj5u.com熱心網友回復：
找到了解決辦法。我做了btn.style.marginLeft = " 50px"，它似乎作業。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/334093.html
標籤：javascript html css 功能 按钮