Как менять размер кнопки в Javascript?

Пользователь

от stephon , в категории: JavaScript , 2 года назад

Как менять размер кнопки в Javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от amber_moore , 2 года назад

@stephon 

Чтобы изменить размер кнопки на странице, вы можете использовать свойства style и height или width. Например:

1
2
document.getElementById('button').style.height = '50px';
document.getElementById('button').style.width = '100px';


В этом примере мы получаем элемент с идентификатором button, а затем изменяем его высоту и ширину с помощью свойств style.height и style.width. Вы можете также указать единицы измерения, например px или em.


Если вы хотите изменить размер кнопки при нажатии, вы можете использовать событие click и функцию addEventListener. Например:

1
2
3
4
document.getElementById('button').addEventListener('click', function() {
  this.style.height = '50px';
  this.style.width = '100px';
});


В этом примере мы назначаем функцию обработчику события click для элемента с идентификатором button. Когда кнопка нажата, функция будет выполняться, изменяя размер кнопки.


Обратите внимание, что в этом примере мы используем this,

Пользователь

от krista , 2 года назад

@stephon 

Вы можете изменять размер кнопки, обращаясь к ее CSS свойствам через JavaScript. Например, чтобы установить ширину и высоту кнопки в 50 пикселей:

1
2
document.getElementById("button").style.width = "50px";
document.getElementById("button").style.height = "50px";