Почему не удаётся проверить размеры элемента через свойство style?

Question

[Crushing]

https://jsfiddle.net/ktb36qn1/4/

Почему данный код не работает?

Comments

[ой всё]

а как он должен работать?

[Anton Mashletov]

ой всё, очевидно, сделать высоту элементов одинаковыми.

Answer 1

[Anton Mashletov]

var one = document.getElementById('one_block');
var two = document.getElementById('two_block');
if (one.offsetHeight != two.offsetHeight ) {
  one.style.height = two.offsetHeight + 'px';
};

Comments

[Crushing]

Что за свойство offsetHeight?

[Anton Mashletov]

Crushing, высота элемента с учетом вертикальных полей и границ в пикселях. Свойство неизменяемое, только для чтения. Возвращаемое значение - целочисленное.
one.style.height наоборот, только для записи.

Answer 2

[0xD34F]

Потому что стили, указанные в css, в свойство style не попадают. Для получения актуальных стилей элемента используйте getComputedStyle.

Comments

[Crushing]

Будет ли работать, если свойство будит допустим max-width? Если будет меняться ширина, это свойство будет обновлять блок без перезагрузки страницы?

[0xD34F]

Crushing, а вы попробуйте и посмотрите, что получится.