为什么不改变按钮的高度？

Question

我是JavaScript的新手，正在尝试创建一个简单的按钮。 由于某些原因，按钮的宽度会改变，但高度不会改变。 我只是在做蠢事吗？

document.body.innerHTML = "<span id='pauseButton'</span>";

var button = document.createElement("input");

button.type = "button";
button.value = "Pause";
button.style.height = "50px";
button.style.width = "50px";
button.onclick = function() {
    paused = !paused;
    button.value = paused && "Unpause" || "Pause";
}

document.getElementById("pauseButton").appendChild(button);

Answer 1

最好使用div作为按钮，而不是使用按钮作为按钮。 您将对其有更多控制。 请参见以下示例： 调整按钮的大小

Answer 2

好吧，您显示的代码没有任何问题，只是缺少一个跨度“>”。 为了在创建按钮后更改其高度，请为该按钮分配一个ID，比如说“ button1”，然后将高度更改为：

document.getElementById("button1").style.height = "200px";

在这里查看演示