Как получить ширину / высоту элемента div, установленного на 100% в HTML

Question

Есть ли способ получить ширину / высоту div, который был установлен на 100%?

Вот пример того, что я пытаюсь сделать: http://jsfiddle.net/TUMsN/1/

Когда я нажимаю на синее поле, ширина / высота родительского элемента возвращает пустую строку ...

Answer 1

Используйте offsetHeight вместо style.height. Вы не можете использовать style.height, потому что высота элемента не указана во встроенном атрибуте стиля, как здесь:

<div style="height: 200px; ">Hello</div>

Но если вы используете offsetHeight, это будет работать независимо от того, где была установлена ​​высота.

http://jsfiddle.net/marcosfromero/TUMsN/2/

В качестве альтернативы вы можете использовать jQuery и использовать метод height():

http://jsfiddle.net/marcosfromero/TUMsN/3/

Answer 2

Вам нужно использовать offsetHeight и offsetWidth.

Я обновил скрипку, посмотрите: http://jsfiddle.net/TUMsN/4/