快捷導(dǎo)航

js 動態(tài)修改css文件用到了cssRule

更新時間：2014年08月20日 10:49:13 投稿：whsnow

js 動態(tài)修改css文件，循環(huán)用的underscore，在使用cssRule只能使用cssRule.style.padding=0px，詳細(xì)示例如下

 _.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 中的switch表達(dá)式使用示例
switch 這種表達(dá)式在很多語言中都有，比如java, C等待，使用switch比使用if else 來得方便，來得清晰，下面為大家詳細(xì)介紹下其具體的使用，感興趣的朋友可以參考下
2013-09-09
關(guān)于刪除時的提示處理（確定刪除嗎）
在刪除時為了提醒用戶刪除數(shù)據(jù)的不可恢復(fù)一般都會有提示處理的，通常會使用js做到這一點，下面有個不錯的示例，感興趣的朋友可以參考下
2013-11-11
touch.js 拖動、縮放、旋轉(zhuǎn) （鼠標(biāo)手勢）功能代碼
這篇文章主要介紹了touch.js 拖動、縮放、旋轉(zhuǎn) （鼠標(biāo)手勢)功能,代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-02-02
JavaScript函數(shù)的特性與應(yīng)用實踐深入詳解
這篇文章主要介紹了JavaScript函數(shù)的特性與應(yīng)用實踐,結(jié)合實例形式較為深入的分析了javascript函數(shù)相關(guān)概念、特性、用法及操作注意事項,需要的朋友可以參考下
2018-12-12
Typescript 函數(shù)重載的實現(xiàn)
本文主要介紹了Typescript 函數(shù)重載的實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-04-04
讓div運(yùn)動起來 js實現(xiàn)緩動效果
讓div運(yùn)動起來，這篇文章主要介紹了js實現(xiàn)緩動效果的相關(guān)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07
使用ECharts進(jìn)行數(shù)據(jù)可視化的代碼詳解
ECharts 是一個由百度開源的強(qiáng)大、靈活的 JavaScript 圖表庫,用于在 Web 頁面上創(chuàng)建各種類型的數(shù)據(jù)可視化圖表,它具有豐富的圖表類型、強(qiáng)大的配置選項和良好的跨平臺兼容性,本文介紹了如何使用ECharts進(jìn)行數(shù)據(jù)可視化,需要的朋友可以參考下
2024-08-08
原生JS+CSS實現(xiàn)炫酷重力模擬彈跳系統(tǒng)的登錄頁面
今天小編給大家分享基于原生JS實現(xiàn)一個炫酷的登錄頁面，實現(xiàn)效果有點像重力模擬彈跳系統(tǒng)，效果非常棒，需要的朋友參考下實現(xiàn)代碼吧
2017-11-11
JavaScript中apply方法的應(yīng)用技巧小結(jié)
這篇文章給大家總結(jié)了在js中apply方法的一些應(yīng)用技巧，通過這些技巧對大家日常的使用相信會有幫助，有需要的朋友們下面來一起看看吧。
2016-09-09
JavaScript中的await函數(shù)使用小結(jié)
async 函數(shù)是 AsyncFunction 構(gòu)造函數(shù)的實例,并且其中允許使用 await 關(guān)鍵字,async 和 await 關(guān)鍵字讓我們可以用一種更簡潔的方式寫出基于 Promise 的異步行為,而無需刻意地鏈?zhǔn)秸{(diào)用 promise,這篇文章主要介紹了JavaScript中的await,需要的朋友可以參考下
2024-01-01