爲什麼這不會改變按鈕的高度？

我是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);

來源

2014-09-03 David

看起來就像是增加一個按鈕到頁面，不改變一個的尺寸 – Jason 2014-09-03 04:02:58

我在添加按鈕，然後改變尺寸。寬度正確改變，但高度不會改變。 – David 2014-09-03 04:03:39

似乎工作正常[這裏]（http://jsfiddle.net/9a47s6f4/）。另外，腳本第一行的開始'span'標記字符串沒有'>'（在小提琴中固定）。但是，我注意到在確定之前，身高還在起作用。 – Bryan 2014-09-03 04:07:17

更好地使用div作爲按鈕而不是按鈕作爲按鈕。你將擁有更多的控制權。看到這個例子：Resizing a button

來源

2014-09-03 04:05:51 jbrahy

那麼你顯示的代碼除了缺少一個'>'以外的代碼沒有問題。爲了改變按鈕的高度在創建後，分配按鈕的ID，讓我們說「按鈕1」，然後更改高度爲：

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

See the DEMO here

來源

2014-09-03 04:20:33

爲什麼這不會改變按鈕的高度？

回答

相關問題