Почему это не изменение высоты кнопки?

Я новичок в 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

Я добавляю кнопку, а затем меняю размеры. Ширина изменяется правильно, но высота не изменится. – David

Кажется, работает нормально [здесь] (http://jsfiddle.net/9a47s6f4/). Кроме того, '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' ''. Тем не менее, я заметил, что высота работала даже до того, как она была исправлена. – Bryan

Лучше использовать div как кнопку, чем кнопку в качестве кнопки. У вас будет больше контроля над этим. См. Этот пример: Resizing a button

источник

2014-09-03 04:05:51 jbrahy

Ну нет ничего плохого в коде, который вы показали, кроме одного, отсутствующего '>' для span. Для того, чтобы изменить высоту кнопки после того, как он будет создан, назначьте кнопку идентификатор, скажем, «Button1», то изменить высоту, как:

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

See the DEMO here

источник

2014-09-03 04:20:33

ответ

Смежные вопросы