Изменение CSS-Класса> Нужно Поменять Значение (В Частности Color) У Одного Из Классов В Странице. Для Простоты Положим, Что StyleSheet Один.Есть Какой Другой Подход?
Попробуй мою функцию:
test.css---------------------- .xxx { color: red; }; -------------------------------
test.htm----------------------- <HTML> <HEAD> <LINK REL="stylesheet" HREF="test.css" type="text/css"> <SCRIPT>
function changeStyleProperty(selector,property,value) { .var rules=document.styleSheets.item(0); //< StyleSheet number is here .// Rulez? Il ne Rulez? vot v chem vopros. .rules=rules.cssRules?rules.cssRules:rules.rules; .for(var ruleNumber=0;ruleNumber<rules.length;ruleNumber++) .{. ..var rule=rules[ruleNumber]; ..if(rule.selectorText==selector) ...rule.style[property]=value; .} .return false; }
</SCRIPT> </HEAD> <BODY> <P CLASS=xxx>I am very red</P> <A HREF="#" onClick="changeStyleProperty('.xxx','color','blue');">do it blue</A>
</BODY> </HTML> ------------------------------- |