Получение значения св-ва из внешнего css-файла

OopsOops · 29.04.2010

Кусок css-файла :

div#cont
{
background-image:url(fon_div.gif);
background-repeat: repeat;
overflow: visible;
height:470px;
width:420px;
z-index: 1;
}

Как на javascript получить, например, св-во height в переменную?
Не могу в синтаксисе разобраться, там используется getComputedStyle и currentSty

Serg@NT · 29.04.2010

Вообще, в данном случае на странице должен быть 1 элемент с id="cont". В этом случае обратиться так:

Код:

var height = document.getElementById("cont").style.height;

OopsOops · 29.04.2010

спасибо, но это неккоректно работает.

Нужно через getComputedStyle и через currentStyle.

Serg@NT · 29.04.2010

Вот что удалось найти поиском:

Код:

 var elem= document.getElementById("cont");  
 var theCSSprop= window.getComputedStyle(elem,null).getPropertyValue("height");

Но что-то я сомневаюсь в том, что это будет работать везде. Сам, если честно, впервые слышу про getComputedStyle. Да и не понятно, зачем такие сложности. Пример выше проще и работает везде.

trueW3C · 29.04.2010

Код:

window.onload = function(){
    var height = document.getElementById("cont").style.height;
}

Получение значения св-ва из внешнего css-файла

OopsOops

New Member

Serg@NT

Well-Known Member

OopsOops

New Member

Serg@NT

Well-Known Member

trueW3C

Поклонник Yii

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей