栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

使用JavaScript处理CSS

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用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
必须与现有选择器完全匹配,仅选择器文本之间的空格
{
会被忽略。

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

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



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/442515.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号