Узнать высоту элемента через Javascript, если она прописана в стилевом файле

#javascript #html

Как я могу получить атрибут height элемента через Javascript, если он прописан в
стилевом файле style.css?

style.css:

.menu_bottom {
    height: 100px;
}


index.php:


    


Нужно, чтобы сообщение alert(...) показало высоту данного элемента (просто число,
без единицы измерения).
    

Ответы

Ответ 1

проще всего использовать jQuery :

$('#menu_bottom').height();


без jQuery можно использовать:

var h = document.getElementById('menu_bottom').clientHeight;
var h = document.getElementById('menu_bottom').offsetHeight;
var h = document.getElementById('menu_bottom').scrollHeight;


clientHeight высота содержимого вместе с полями padding, но без полосы прокрутки.

offsetHeight «внешняя» высота блока, включая рамки.

scrollHeight полная внутренняя высота, включая прокрученную область.


Ответ 2

var test = document.getElementById("menu_bottom");
var height = window.getComputedStyle(test, null).height;
alert(height);


for ie:

var body = document.getElementsByTagName("body");
var bg = body.currentStyle.height;


JsFiddle


Ответ 3

Для js заведомо неизвестны стили, поэтому перед их получением используйте getComputedStyle


Ответ 4

alert(document.getElementById('menu_bottom').clientHeight);