Как изменить offsetHeight элемента с помощью javascript?
Привет, я пытаюсь изменить offsetHeight элемента. я использовал следующие
document.getElementById('id').style.offsetHeight = 0;
но я не видел видимых изменений. Кто-нибудь может мне помочь?
Ответы
Ответ 1
Свойство offsetHeight
указывает высоту видимой области для элемента. Это сокращение, которое содержит сумму измерений от прокладки, полос прокрутки и границ.
Однако он не может использоваться для изменения фактического размера и, как отмечено в комментариях, offsetHeight
является свойством элемента, а не стиля.
Чтобы изменить фактический размер, используйте height
, padding
или border
.
Ответ 2
Вы должны установить style.height
строку, заканчивающуюся на px
.
Ответ 3
Вы должны установить style.height
и не забудьте добавить устройство в конце, как 'px', в случае, если вы получите его от offsetHeight
например (ну, вы знаете, какой блок вам нужен). Это стиль, и у вас есть все разные единицы ('px', '%', 'em', 'vh',... и т.д.).
Вот пример:
myHeightInPx = 200;
DomElement.style.height = myHeightInPx + 'px';
Также следует отметить, что offsetHeight возвращает высоту как число, целое число. Единица равна px. И если вы получите значение, используя его. вам всегда нужно добавить единицу 'px' при установке style.height, точно так же, как в приведенном выше и следующем примере:
DomElement.style.height = AnotherDOMelment.offsetHeight() + 'px';