js 動態(tài)修改css文件的方法
更新時間：2014年08月05日 09:30:03 投稿：whsnow
css文件可以用js 動態(tài)修改，在做一些交互動作時，非常實用，下面是具體示例，大家可以看看
_.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不能直接使用下面的代碼，否則不會生效
cssRule.style=" left: 0;position:'';right: 0; top: 0px;z-index: 1031;";
只能使用
cssRule.style.padding = "0px";
相關(guān)文章
這篇文章主要介紹了支持移動端原生js輪播圖的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了原生js實現(xiàn)照片墻效果，幫助大家更好的利用js制作特效，感興趣的朋友可以了解下2020-10-10
下面小編就為大家?guī)硪黄猨s讀取json文件片段中的數(shù)據(jù)實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
BootStrapTable 單選及取值的實現(xiàn)方法
學(xué)習(xí)bootstrapTable 一直沒有找到 單選框的選定的和取值的教程,接下來通過本文給大家分享BootStrapTable 單選及取值的實現(xiàn)方法，非常不錯，需要的朋友參考下2017-01-01
今天在HTML中引入JavaScript文件運(yùn)行時，alert彈出的提示框中文顯示為亂碼，怎么解決此問題呢？下面小編給大家?guī)砹艘隞avaScript時alert彈出框顯示中文亂碼問題的解決方法，一起看看吧2017-09-09
在實際工作中經(jīng)常會遇見把秒數(shù)轉(zhuǎn)化為時分秒的問題,如何處理呢?下面這篇文章主要給大家介紹了關(guān)于JS如何將秒數(shù)轉(zhuǎn)化為時分秒形式的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12
關(guān)于Object.entries()方法的使用和實現(xiàn)方式
這篇文章主要介紹了關(guān)于Object.entries()方法的使用和實現(xiàn)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-02-02
為什么要做圓角的div： 圓角div平滑美觀，某些情況下有比較不錯的效果。比如說要做一個報message的消息框，那么動態(tài)的生成一個圓角div則很有意義。而對html樣式控制的css本身是不直接支持圓角div的。2009-10-10
使用three.js可以方便的讓我們在網(wǎng)頁中做出各種不同的3D效果，下面這篇文章主要給大家介紹了關(guān)于利用Three.js如何實現(xiàn)陰影效果的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。2017-09-09
這篇文章主要介紹了JS 屏蔽鍵盤不可用與鼠標(biāo)右鍵不可用的方法，有需要的朋友可以參考一下2013-11-11