Comment utiliser CSSStyleSheet.insertRule() correctement?

Je ne peux pas savoir où je vais mal ici :/. Lorsque j'exécute ce code, tout ce que j'obtiens est un élément vide. Je n'arrive pas à obtenir le insertRule méthode de ne rien faire (même pas produire une erreur). Ai-je raté quelque chose?

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
</head>
<body>
<script>
    var sheet = (function() {
        //Create the <style> tag
        var style = document.createElement("style");

        //WebKit hack
        style.appendChild(document.createTextNode(""));

        //Add the <style> element to the page
        document.head.appendChild(style);

        return style.sheet;
    })();
    sheet.insertRule("\
        #gridContainer {\
            width: 100%;\
            height: 100%;\
        }\
    ", 0);
</script>
</body>
</html>
  • Il semble que ça fonctionne sur Firefox et Chrome.
  • J'ai un vide <style></style> tag dans Firefox et Chrome... j'ai édité ma question pour afficher l'intégralité du code, je suis en cours d'exécution. Pas sûr de ce qui va mal...
InformationsquelleAutor klinore | 2015-03-08