Не отрабатывает скрипт
Господа, можете ли подсказать, почему сложилась такая ситуация:
в CSS Код:
#id1
function HH()
{
alert(document.getElementById('id1').style.height);
}
В теле: <div id="id1" onclick="HH()">Узнать высоту этого дива</div> Алерт выдает не высоту элемента, а пустое окно. Выдает корректное значение только, если принудительно скриптом задать высоту для элемента. В чем может быть загвоздка? |
В том, что свойство .style дает доступ к атрибуту style. В данном случае свойство задано не через атрибут, поэтому в .style.height находится пустая строка. Используй методы getComputedStyle/currentStyle
|
<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>
|
Тогда еще один встречный вопрос, как можно использовать полученную высоту для вычисления? если работать методом parseint(computedStyle), то алерт показывает не числовую переменную
|
И еще один вопрос: как найти реальную высоту в пискелях у дива, если стилем прописано процентное соотношение?
|
Цитата:
var a='1' var b=2 alert(+a+b) Цитата:
|
всем спасибо, все свои задачи решил)
|
| Часовой пояс GMT +3, время: 09:46. |