Не отрабатывает скрипт

[Romanroman]

Господа, можете ли подсказать, почему сложилась такая ситуация:
в CSS

#id1
{
height:10px;
}

Соответственно скрипт:

function HH()
{
alert(document.getElementById('id1').style.height);
}

В теле:

<div id="id1" onclick="HH()">Узнать высоту этого дива</div>

Алерт выдает не высоту элемента, а пустое окно. Выдает корректное значение только, если принудительно скриптом задать высоту для элемента.
В чем может быть загвоздка?

[Sweet]

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

[Sweet]

<style>
#id1
{
height:10px;
}
</style>
<div id="id1" onclick="HH(this)">Узнать высоту этого дива</div>
<script type="text/javascript">
function HH(element)
{
var computedStyle = element.currentStyle || window.getComputedStyle(element, null);
alert(computedStyle.height);
}
</script>

[Romanroman]

Тогда еще один встречный вопрос, как можно использовать полученную высоту для вычисления? если работать методом parseint(computedStyle), то алерт показывает не числовую переменную

[Romanroman]

И еще один вопрос: как найти реальную высоту в пискелях у дива, если стилем прописано процентное соотношение?

[ksa]

лерт показывает не числовую переменную

Как вариант...

var a='1'
var b=2
alert(+a+b)

как найти реальную высоту в пискелях у дива, если стилем прописано процентное соотношение?

Он тебе её цифрами в пикселях и вернёт... Недавно кто-то с обратной проблемой озадачивался...

[Romanroman]

всем спасибо, все свои задачи решил)