Как изменить 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';