使用JavaScript处理CSS

使用JavaScript处理CSS

无法使用Javascript直接 *** 作某些CSS样式。相反，您可以在样式表本身中更改规则，如下所示：

var changeRule = function(selector, property, value) {        var styles = document.styleSheets, n, sheet, rules, m, done = false;        selector = selector.toLowerCase();        for(n = 0; n < styles.length; n++) { sheet = styles[n];       rules = sheet.cssRules || sheet.rules; for(m = 0; m < rules.length; m++) {     if (rules[m].selectorText.toLowerCase() === selector) {         done = true;         rules[m].style[property] = value;         break;     } } if (done) {     break; }        }    };changeRule('div:hover', 'background', '#0f0');

selector

必须与现有选择器完全匹配，仅选择器文本之间的空格

{

会被忽略。

您可以开发代码以查找和更改选择器名称的部分匹配项，或者仅检查特定的样式表而不是全部。实际上，当拥有数十个带有数千条规则的样式表时，它也非常昂贵。

毫无疑问，伪代码无法使用此代码段进行 *** 作。
。