js 动态修改css文件用到了cssRule_javascript技巧

 _.find(document.styleSheets[4].cssRules,function(cssRule){
if(cssRule.selectorText && cssRule.selectorText.indexOf(".navbar-fixed-top2")>-1){
cssRule.style.position="";
cssRule.style.top = "0px";
}
if(cssRule.selectorText && cssRule.selectorText.indexOf("#pageIndi_content, #page1_l1_content, #page_appList") >-1){
cssRule.style.padding = "0px";
}
if(cssRule.selectorText && cssRule.selectorText.indexOf("#page1_index_content") >-1){
cssRule.style.padding = "0px";
}
});

循环用的underscore,在使用cssRule不能直接使用下面的代码,否则不会生效

cssRule.style=" left: 0;position:'';right: 0; top: 0px;z-index: 1031;";

只能使用

cssRule.style.padding = "0px";

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索动态修改
, css文件
cssRule
cssrule、css rule、drools 动态加载 rule、html css javascript、javascript改变css,以便于您获取更多的相关知识。

时间: 2024-10-26 23:26:13

js 动态修改css文件用到了cssRule_javascript技巧的相关文章

js 动态修改css文件的方法_javascript技巧

_.find(document.styleSheets[4].cssRules,function(cssRule){ if(cssRule.selectorText && cssRule.selectorText.indexOf(".navbar-fixed-top2")>-1){ cssRule.style.position=""; cssRule.style.top = "0px"; } if(cssRule.selec

js动态调用CSS文件代码

<script type="text/网页特效" language="网页特效"> var _sn = ["df/common", "df/home2010"]; var _su = "http://www.111cn.net/skin/"; var swidth = screen.width; var _se, _st; for (i in _sn) { _se = document.crea

如何用JavaScript实现动态修改CSS样式表_javascript技巧

看过我写的<用JavaScript动态建立或增加CSS样式表的实现方法>之后,你就很容易想明白如何修改CSS样式表了. 正好今天在论坛碰到一位朋友问这样的一个问题: <style> .ls{width=120px;} </style> <script> //在这里加一句来改变.ls中width的值,如何写 </script> 有的朋友回答:"如果使用.ls的对象很多的话,用JS确实不方便, jquery方便,$(".ls&qu

asp.net后台如何动态添加JS文件和css文件的引用_实用技巧

首先添加命名空间 using System.Web.UI.HtmlControls; 代码动态添加css文件的引用 HtmlGenericControl myCss = new HtmlGenericControl(); myCss .TagName = "link"; myCss .Attributes.Add("type", "text/css"); myCss .Attributes.Add("rel", "s

jQuery css() 方法动态修改CSS属性_jquery

我们先来看个实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>添加和删除类</title> <style> div{width: 500px;height: 500px;background: #1c94c4;} button{width: 80px;height: 40px;margin

js动态修改整个页面样式达到换肤效果_javascript技巧

jsPro1\js动态修改整个html页面样式(换肤).html 复制代码 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>动态修改页面样式

用JS动态设置CSS样式常见方法小结(推荐)_javascript技巧

用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px'; element.style.height = '100px'; 2. 直接设置属性(只能用于某些属性,相关样式会自动识别) element.setAttribute('height', 100);

js动态修改表格行colspan列跨度的方法

 这篇文章主要介绍了js动态修改表格行colspan列跨度的方法,实例分析了javascript动态修改html中table属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了js动态修改表格行colspan列跨度的方法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 <!DOCTYPE h

js动态调用css属性的小规律

 本篇文章主要介绍了js动态调用css属性的小规律及实例说明.需要的朋友可以过来参考下,希望对大家有所帮助 刚才看到一篇好的文章介绍js调用css属性,( ^_^ )不错嘛!免的自己忘记,总结一下   1.对于没有中划线的css属性一般直接使用style.属性名即可.   如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position等.   2.对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成