"insertRule"のバグ？

Question

私はJavaScriptスタイルシートを作成し、ルールを挿入する "Javascript：The Definitive Guide"（442-444ページまたはkindleロケーション14998）から変更されたJavascriptコードを持っています。しかし、私はそれを促進標準的手法を使用すると、Chromeで動作していないことが判明：「！あなた」

JSFiddle #1

上記のコードは、単語のみクロム、で実行された場合オレンジ色に変わります。私は醜いハックを導入した場合、それはChromeで[OK]を動作します：

JSFiddle #2

が、これは本の中で、エラー、Chromeのバグで、または私が台無しに？

注私は、この演習では意図的にライブラリ（例：jqueryなど）を使用していません。

if (typeof styles === "string") { 
// The argument is stylesheet text 
if (styleElt) { 
    styleElt.innerHTML = styles; 
} else { 

で

Answer 1

ラインstyleElt.innerHTML = styles;はstyleSheetオブジェクトを再作成します。 styleSheet.styleSheetの値が文書から切り離され、以前に宣言されたすべてのスタイルルールが失われます。

FirefoxはChromeと同じように動作するため、これはバグではないようです。