js 动态修改css文件

_.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";

js 动态修改css文件,布布扣,bubuko.com

时间： 2024-12-28 08:01:45

js 动态修改css文件的相关文章

动态修改css文件中，具体的class中的个别属性值。

//修改class的属性值 //javascript方式 function setCssClassProperty(pSheetObj,pClassName,pProperty,pValue) { var rules = pSheetObj.sheet.cssRules; var rule; var selectorText; for (i = 0; i < rules.length; i++) { rule = rules[i]; selectorText = rule.selectorTex

用JS查看修改CSS样式（cssText,attribute('style'),currentStyle,getComputedStyle）

CSS样式定义方法大家都知道,在为HTML设置样式的时候,通常有三种方法:内联样式,内部样式表,外部样式表. 1.内联样式: 内联样式表就是在HTML元素中的行内直接添加style属性. 1 <div id="div1" style="width: 100px; height: 100px; background: black"> 2 </div> 2.内部.外部样式表: 内部样式表就是在<head>头部里有<style&

js 动态修改属性值动态修改图片，字等

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv = "content-type" content="text/html;charset=utf-8"/> &

js动态生成css代码

用js动态生成css代码有时候我们需要利用js来动态生成页面上style标签中的css代码,方法很直接,就是直接创建一个style元素,然后设置style元素里面的css代码,最后把它插入到head元素中.但有些兼容性问题我们需要解决.首先在符合w3c标准的浏览器中我们只需要把要插入的css代码作为一个文本节点插入到style元素中即可,而在IE中则需要利用style元素的styleSheet.cssText来解决.还需要注意的就是在有些版本IE中一个页面上style标签数量是有限制的,如果超

Android 使用Log4j把日志写入SD卡，动态修改输出文件名称

一.Log4j简单使用 1. 下载log4j.jar http://logging.apache.org/log4j/2.x/ 2. 创建Java代码 public class Loggers { public static Logger logger = Logger. getLogger(Loggers. class); public static void init() { try { PatternLayout patternLayout = new PatternLayout(); p

js 修改css文件

在做自動换肤设置时,无意中看到了js修改css的方法,感觉挺有用的,特来学习分享一下.好了,下面开始学习: js的 document.styleSheets 获取到的是引入的css的对象数组.如: 其中 CSSStyleSheet展开如下: document.styleSheets[0] 即可得到你所应用的第一个css rules 和 cssRules 的计数方法是不一样的!rules 是第几个选择器:cssRules 是第几条规则 document.styleSheets[0].cssRul

js 获取手机浏览器类型，修改css文件的class的值

/*========================================= 函数功能:获取浏览器类型 =========================================*/ function getBrowser() { var type = "pc" var ua = navigator.userAgent.toLowerCase(); /* Navigator 是HTML DOM中的内置对象,它包含有关浏览器的信息.userAgent是Navigator

js动态修改select和checkbox

在网页编程中,我们通常会遇到要动态修改select和checkbox的情况,而一般来说这些内容在教程或书籍上并没有明确的记录.我通过实践总结了如下的经验.首先为了方便获取select和checkbox选择的值一般会使用同样的名字如下: 1 <select name = "test_select" id = "test_select"> 2 <option value = "1">1</option> 3 <

使用JS动态操作css的集中方法

内联样式在咱们深入一些复杂的知识之前,先回来顾一下一些基础知识.例如,咱们可以通过修改它的.style属性来编辑给定的HTMLElement的内联样式. const el = document.createElement('div') el.style.backgroundColor = 'red' // 或者 el.style.cssText = 'background-color: red' // 或者 el.setAttribute('style', 'background-color: