jsはcssRule_javascript手法を使用してCSSファイルを動的に変更します

WBOY
リリース: 2016-05-16 16:39:07
オリジナル
1285 人が閲覧しました
 _.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";
ログイン後にコピー
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート