Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   При нажатии на кнопку увеличение определённого элемента (https://javascript.ru/forum/dom-window/9604-pri-nazhatii-na-knopku-uvelichenie-opredeljonnogo-ehlementa.html)

Vulkan 27.05.2010 12:55

При нажатии на кнопку увеличение определённого элемента
 
Здравствуйте, возник вопрос как при нажатии на кнопку увеличить высоту определённого элемента, вот пытался, не получилось (высота у textarea указана):
<textarea class="textarea" id="my"></textarea><br>
  <input
  type="button" 
  style="height: 20px" 
  onclick="document.getElementById('my').style.height = parseInt(document.getElementById('my').style.height)+10+'px'" 
  value="Увеличить"
/>

Подскажите пожалуйста, буду очень благодарен.

Gvozd 27.05.2010 13:07

<textarea class="textarea" style="height:100px;" id="my"></textarea><br>
  <input
  type="button" 
  style="height: 20px" 
  onclick="document.getElementById('my').style.height = parseInt(document.getElementById('my').style.height)+10+'px'" 
  value="Увеличить"
/>

Vulkan 27.05.2010 13:14

Спасибо =) Интересно то, что в class="textarea" height был уже прописан:
.textarea
 {
    border: 1px #c2c2c2 solid;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 2px;
    width: 208px;
    height: 99px;
 }

exec 27.05.2010 13:27

Vulkan, в свойстве style хранятся только стили, прописанные в атрибуте style.


Часовой пояс GMT +3, время: 19:01.