快捷導(dǎo)航

js 動(dòng)態(tài)修改css文件的方法

更新時(shí)間：2014年08月05日 09:30:03 投稿：whsnow

css文件可以用js 動(dòng)態(tài)修改，在做一些交互動(dòng)作時(shí)，非常實(shí)用，下面是具體示例，大家可以看看

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

循環(huán)用的underscore，在使用cssRule不能直接使用下面的代碼，否則不會(huì)生效

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

只能使用

cssRule.style.padding = "0px";

您可能感興趣的文章:

css文件

相關(guān)文章

支持移動(dòng)端原生js輪播圖
這篇文章主要介紹了支持移動(dòng)端原生js輪播圖的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
原生js實(shí)現(xiàn)照片墻效果
這篇文章主要介紹了原生js實(shí)現(xiàn)照片墻效果，幫助大家更好的利用js制作特效，感興趣的朋友可以了解下
2020-10-10
js讀取json文件片段中的數(shù)據(jù)實(shí)例
下面小編就為大家?guī)?lái)一篇js讀取json文件片段中的數(shù)據(jù)實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-03-03
BootStrapTable 單選及取值的實(shí)現(xiàn)方法
學(xué)習(xí)bootstrapTable 一直沒(méi)有找到單選框的選定的和取值的教程,接下來(lái)通過(guò)本文給大家分享BootStrapTable 單選及取值的實(shí)現(xiàn)方法，非常不錯(cuò)，需要的朋友參考下
2017-01-01
引入JavaScript時(shí)alert彈出框顯示中文亂碼問(wèn)題
今天在HTML中引入JavaScript文件運(yùn)行時(shí)，alert彈出的提示框中文顯示為亂碼，怎么解決此問(wèn)題呢？下面小編給大家?guī)?lái)了引入JavaScript時(shí)alert彈出框顯示中文亂碼問(wèn)題的解決方法，一起看看吧
2017-09-09
JS如何將秒數(shù)轉(zhuǎn)化為時(shí)分秒的形式
在實(shí)際工作中經(jīng)常會(huì)遇見(jiàn)把秒數(shù)轉(zhuǎn)化為時(shí)分秒的問(wèn)題,如何處理呢?下面這篇文章主要給大家介紹了關(guān)于JS如何將秒數(shù)轉(zhuǎn)化為時(shí)分秒形式的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-12-12
關(guān)于Object.entries()方法的使用和實(shí)現(xiàn)方式
這篇文章主要介紹了關(guān)于Object.entries()方法的使用和實(shí)現(xiàn)方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-02-02
Javascript 圓角div的實(shí)現(xiàn)代碼
為什么要做圓角的div：圓角div平滑美觀，某些情況下有比較不錯(cuò)的效果。比如說(shuō)要做一個(gè)報(bào)message的消息框，那么動(dòng)態(tài)的生成一個(gè)圓角div則很有意義。而對(duì)html樣式控制的css本身是不直接支持圓角div的。
2009-10-10
利用Three.js如何實(shí)現(xiàn)陰影效果實(shí)例代碼
使用three.js可以方便的讓我們?cè)诰W(wǎng)頁(yè)中做出各種不同的3D效果，下面這篇文章主要給大家介紹了關(guān)于利用Three.js如何實(shí)現(xiàn)陰影效果的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。
2017-09-09
JS 屏蔽鍵盤不可用與鼠標(biāo)右鍵不可用的方法
這篇文章主要介紹了JS 屏蔽鍵盤不可用與鼠標(biāo)右鍵不可用的方法，有需要的朋友可以參考一下
2013-11-11