Czy istnieje sposób ustawienia CSS klas globalnych za pomocą JavaScript lub jQuery? Oznacza to, że dodajesz .my_class { foo:bar }
do tagu strony <style/>
?Definiowanie globalnych klas CSS za pomocą JavaScript lub jQuery?
Odpowiedz
Czysta javascript -
var style=document.createElement('style');
style.type='text/css';
if(style.styleSheet){
style.styleSheet.cssText='your css styles';
}else{
style.appendChild(document.createTextNode('your css styles'));
}
document.getElementsByTagName('head')[0].appendChild(style);
Cóż, istnieją dwie prawidłowe odpowiedzi ... wybieranie przez Math.random(). – MaiaVictor
Podczas gdy obie odpowiedzi zapewniają poprawne rozwiązanie dla danego pytania, wolę używać czystego javascript dla celów wydajności, kiedy nie staram się obsługiwać starych wersji IE. – vastlysuperiorman
@vastlysuperiorman Nie należy wspierać żadnej wersji IE. – Leif
Tak, można to zrobić w jQuery:
var styleTag = $('<style>.my_class { foo: bar; }</style>')
$('html > head').append(styleTag);
Działa poprzez proste dodanie <style>
tag na końcu <head>
.
Cóż, istnieją dwie prawidłowe odpowiedzi ... wybieranie przez Math.random(). – MaiaVictor
- 1. jak wygenerować ścieżkę CSS za pomocą javascript lub jquery?
- 2. Generowanie zapytań o media CSS za pomocą javascript lub jQuery
- 3. jQuery CSS 'lub' selektor
- 4. Zmień atrybut pseudo klas CSS (: hover) za pomocą jQuery
- 5. Definiowanie zmiennych globalnych w MPI
- 6. Definiowanie list jako zmiennych globalnych w Pythonie
- 7. Jak uzyskać naturalne wymiary obrazu za pomocą javascript lub jquery?
- 8. Alter Definicja reguły CSS za pomocą jQuery
- 9. Wyłącz "przeskakiwanie" w Safari 5 za pomocą CSS lub JavaScript
- 10. Czy można zmienić rozmiar okna za pomocą JQuery lub JavaScript?
- 11. Usuwanie parametrów adresu URL za pomocą javascript lub jquery
- 12. jak zaimplementować funkcję wyszukiwania za pomocą Javascript lub jquery
- 13. Usuń znacznik DIV za pomocą kodu JavaScript lub Jquery
- 14. Utwórz plik .ics za pomocą javascript lub jquery
- 15. Znalezienie najbliższym kolorem wartość za pomocą jQuery lub JavaScript
- 16. Odśwież stronę przy zmianie rozmiaru za pomocą javascript lub jquery
- 17. Wykryj za pomocą JavaScript lub jQuery, jeśli dostępna jest transformacja CSS 2D
- 18. jQuery/Javascript: Definiowanie zmiennej globalnej w funkcji?
- 19. Jak zmienić CSS za pomocą jQuery?
- 20. Jak zmienić css elementu za pomocą jQuery
- 21. Animowanie transformacji CSS za pomocą jQuery
- 22. Definiowanie kolejności inicjowania klas WebActivator.PreApplicationStartMethod
- 23. Definiowanie implementacji klas w interfejsie
- 24. Wyświetlanie klas CSS przy użyciu Javascript
- 25. jQuery wybierz element przez wiele klas css
- 26. Dodawanie aktywowanych CSS poprzez jQuery/JavaScript
- 27. iteracji właściwości obiektu JavaScript za pomocą jQuery
- 28. Dodaj punkty za pomocą Javascript/Jquery
- 29. checkbox jquery lub javascript oncheck?
- 30. Dodaj kanał alfa do koloru tła za pomocą jQuery/JavaScript
możliwe duplikat [Czy to możliwe, aby zmienić arkusz stylów CSS za pomocą JavaScript? (NIE jest to styl obiektu, ale sam arkusz stylów)] (http://stackoverflow.com/questions/6620393/is-it-possible-to-alter-a-css-stylesheet-using-javascript-not-the -style-of-an) – Quentin
Możliwy duplikat: [jQuery create CSS rule/class @ runtime] (http://stackoverflow.com/questions/1212500/jquery-create-css-rule-class-runtime) – Boaz
Tak, ale ułóż ** duże ostrzeżenie ** w źródle witryny, ostrzegające każdego, kto pracuje w witrynie w przyszłości. W moim doświadczeniu strony z dynamicznie budowanymi/poprawionymi arkuszami stylów są najbardziej zagmatwanymi rzeczami w znanym wszechświecie. –