简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

js 动态修改css文件用到了cssRule_javascript技巧

WBOY
Freigeben： 2016-05-16 16:39:07
Original
1236 Leute haben es durchsucht
 _.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"; 
} 
});
Nach dem Login kopieren

循环用的underscore，在使用cssRule不能直接使用下面的代码，否则不会生效

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

只能使用

cssRule.style.padding = "0px";
Nach dem Login kopieren
Verwandte Etiketten：
css文件 动态修改
Quelle：php.cn
Vorheriger Artikel：使用jQuery设置disabled属性与移除disabled属性_jquery Nächster Artikel：JS使用for循环遍历Table的所有单元格内容_javascript技巧
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Vue 3 importiert dynamisch basierend auf Requisiten Ich verwende unplugin-icon, um eine Symbolkomponente zu erstellen. Normalerweise kann ich ...
Aus 2023-11-16 11:40:01
0
1
235
Streamen Sie Daten von der OpenAI-API mithilfe von AJAX, PHP und vom Server gesendeten Ereignissen Wie kann ich Server Sent Events (SSE) verwenden, um Daten von der oben genannten API mithi...
Aus 2023-11-11 12:03:23
0
1
497
Max_input_vars kann in PHP nicht geändert werden Ich muss den Wert „max_input_vars“ in PHP für die Moodle-Installation erhöhen. Wenn ich je...
Aus 2023-11-10 11:49:31
0
1
277
Nicht abgefangener TypeError: Die Eigenschaft von undefiniert kann nicht festgelegt werden (setze „innerHTML'). Ich versuche, eine Webseite mit PHP zu erstellen, auf einem Element der Klasse „Continuous...
Aus 2023-11-08 21:06:09
0
1
278
Die indirekte Änderung des überladenen Attributs von App\Models\User::$profile ist ungültig. Hey, ich verwende laravel9 und habe eine Beziehung zwischen zwei Modellen in meiner Anwend...
Aus 2023-11-08 11:50:44
0
1
270
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！