Javascript Girl
  1. Javascript Girl
  3. Définissez les classes CSS globales en utilisant JavaScript ou jQuery?
Intereting Posts
Possibilité de réduire le contenu de l'iframe? Gérer les événements de souris et de toucher sur les écrans tactiles Comment trier par date (nouvelle) avec l'isotope jquery Comment convertir un objet simple en une carte ES6? Qu'utilisez-vous pour surveiller l'utilisation de la mémoire jscript dans Internet Explorer Vérificateur de type pour JavaScript? Javascript additionne de gros nombres entiers IE10, 11 CDATA avec les traits d'union analysés erronés Pourquoi la console JS renvoie un extra indéfini? Document.getElementById () VS. GetElementById () Comment Selenium peut-il regrouper plusieurs appelsElementDisplayed? Comment se fait-il qu'il y ait une différence entre Chrome et Firefox ici? Mechanize et Javascript Comment utiliser une variable en tant que clé dans l'initialiseur d'objet Obtenez la balise meta viewport pour fonctionner sur le bureau

Définissez les classes CSS globales en utilisant JavaScript ou jQuery?

Existe-t-il un moyen de définir le CSS des classes globales en utilisant JavaScript ou jQuery? C'est-à-dire, ajoute .my_class { foo:bar } à la <style/> de la page?

Pure 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);

Oui, vous pouvez le faire en jQuery: 

 var styleTag = $('<style>.my_class { foo: bar; }</style>') $('html > head').append(styleTag);

Il fonctionne en ajoutant simplement la <style> à la fin de <head> .