Dynamic CSS

[Arefiev]

Dynamic CSS

Имеется стиль
.aple{
Background-color: green;
}

Можно ли динамически (например при нажатии кнопки)
изменить этот Background-color скажем на red.

Типа написать так.
document.style.aple.backgroundColor = 'red'

???

 

[Ямерт]

Можно так: document.myelement.style.myCSSproperty=...;
При этом в HTML имеется элемент <myelement class="aple"...>

Таким образом ты изменишь значение атрибута элемента, которое было присвоено ему согласно соотв. правилу CSS. В самом файле CSS, разумеется, изменений не будет

 

[su1d]

<td class="aple" onmouseover='this.bgColor="black";' 
     onmouseout='this.bgColor="transparent";'>

если же хочется сменить полностью весь стиль, то

<td class="aple" onmouseover='this.className="aple2";' 
     onmouseout='this.className="aple";'>

 

[Arefiev]

Я наверное не совсем ясно выразился.
Поясняю. На странице имеется множество элементов класса aple (а так же классов orange, cherry и пр) при этом хочется что бы при нажатии кнопки все объекты одного класа подсветились. При этом хранить в JS массив элементов каждого класса не хорошо. Вот я и подумал, может можно изменять на ходу уже определенный класс.

 

[su1d]

аа.. можно и так.. но, ессно, только для МСИЕ.. код на MSDN'е найдёшь.

 

[Arefiev]

Спасибо за наводку.
Сделал. Если кому надо.

<style ID="MyStyles">
   .fruit{ Background-color: #ffffff; }
</style>
<script language="JavaScript" type="text/javascript">

document.styleSheets.MyStyles.addRule(".fruit","Background-color:#99ffff");

или так 

document.styleSheets.MyStyles.rules[0].style.backgroundColor = '#99ffff';
</script>

 

[Flying]

А почему, интересно, только для IE?

Вообще по таким вопросам следует не в MSDN обращаться, а на http://devedge.netscape.com или http://www.mozilla.org/docs - там по крайней мере люди показывают, как делать вещи так, чтобы работало везде, а не в IE

Конкретно по этому вопросу советую посмотреть сюда:
http://www.mozilla.org/docs/web-developer/css1technote/css1tojs.html