Charger des règles CSS dynamiquement avec JavaScript

La fonction loadStyleRule() permet de charger des règles de style CSS dynamiquement dans une page web.

loadStyleRule()

Ajoute des règles de style CSS dans une balise "style" existante.
La fonction retourne une valeur booléenne indiquant si l'ajout des règles a été effectué avec succès ou non.

Syntaxe

loadStyleRule(regles);

Paramètres

regles(String)

Le paramètre regles de la fonction loadStyleRule() définit les règles de style CSS à ajouter dans les styles existants.

document(Node)

Le paramètre document de la fonction loadStyleRule() définit le document dans lequel les règles de style doivent être ajoutées.
Si ce paramètre est omis, le document dans lequel est exécutée la fonction sera utilisée.

Valeur de retour

true(Boolean)

La valeur de retour true de la fonction loadStyleRule() indique que le chargement de règles CSS a été effectué avec succès.

false(Boolean)

La valeur de retour false de la fonction loadStyleRule() indique que le chargement de règles CSS a échoué.

var regles = 'body { background-color: red; }';

loadStyleRule(regles);

// Color en rouge le fond de page

function loadStyleRule(r, d) {
  d = d || document;
  try {
    var a = d.styleSheets,
    s = a[a.length-1];
    s.insertRule(r, s.cssRules.length);
    return !0;
  } catch(e) {
    return !1;
  }
}