javascript - Javascript、追加された CSS が Webkit で機能しない

Question

もう一度、私は群衆の専門知識に目を向けます:-)

次のような新しいスタイルシートを追加しました。

var css = "#newElement { color: #ff0000 }";
style = document.createElement('style');
    if (style.styleSheet) {
        style.styleSheet.cssText = css;
} else { 
        style.appendChild(document.createTextNode(css));
}
parent.document.getElementsByTagName('head')[0].appendChild(style);

次に、次のように新しい div を作成します。

var newElement = document.createElement("div");
newElement.id = "newElement";

新しいスタイルは Firefox (赤に変わります) では正常に動作しますが、Webkit (Chrome/Safari) では動作しません... IE でテストする手段がありません...

これを引き起こす webkit に問題があるかどうかは誰にもわかりませんか? または、これを互換性を持たせる方法に関するヒントはありますか?

リンクやホバー属性などを変更する必要があるため、DOM オブジェクトのスタイルを変更する直接的な方法を使用しても機能せず、jQuery を使用するオプションがありません