Есть такой код:

<style>
.element {
  color: red;
}
</style>

<script type="text/javascript">

function f()
{
  document.getElementById('one').className = 'element';
  alert(document.getElementById('one').style.color);
}

</script>

<div id="one" onclick="f()">Click</div>

Сначала мы задаем класс объекта.
Потом пытаемся вывести свойство color описанное в классе.

Но выводится пустое сообщение. Подскажите, почему так? Как получить это свойство?

<style>
.element {
  color: red;
}
</style>

<script type="text/javascript">

function f()
{
  document.getElementById('one').className = 'element';
  alert(getComputedStyle(document.getElementById('one'), '').color);
}

</script>

<div id="one" onclick="f()">Click</div>

кроме ишаков ниже 9
http://learn.javascript.ru/styles-and-clas...-и-currentstyle