ホームページ >ウェブフロントエンド >jsチュートリアル >CSSファイルを動的に変更するjsメソッド_javascriptスキル

CSSファイルを動的に変更するjsメソッド_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 16:40:231170ブラウズ
_.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"; 
} 
});

cssRule を使用する場合、ループに使用されるアンダースコアを直接使用することはできません。そうしないと効果がありません

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

のみ使用できます
cssRule.style.padding = "0px";
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。