1

埋め込まれたサード パーティの Javascript を作成していますが、スタイル付きマークアップをページに挿入する必要があります。スタイル ルールを DOM に追加する方法を私が知っている最も簡単な方法は (単に個々の要素のスタイルを設定するのではなく)、次のようにすることです。

var l = document.createElement('link');
l.rel = 'stylesheet';
l.media = 'screen';
l.href = 'http://server/stylesheet.css';
document.body.appendChild(l);

document.styleSheets API があることは知っていますが、かなり複雑に思えます。プロジェクトのゲームのこの時点でパフォーマンスを向上させる価値があるかどうかはわかりません。私が避けようとしているのは、 fetch への追加の HTTP GEThttp://server/stylesheet.cssです。それで、私が DOM stylsheets API をある種の獰猛ないじめっ子にしない限り、余分なネットワーク ヒットを回避する他の方法はありますか?

持っているだけではどうですか:

var iH = '' +
         '.sel.ect + or {' +
             'property: rule;' +
         '}';
var s = document.createElement('style');
    s.innerHTML = iH;
document.body.appendChild(s);

この方法で CSS を保守できないこと以外に注意点はありますか? CSS を Vim で縮小して、連結せずに 1 つの長い不可解な文字列リテラルにすることはできますが、JS ファイルに余分な肥大化を加えることになると思います。

SOはこれについて何を言わなければなりませんか? それとも、スタイルシート API を学ぶ必要がありますか?

4

0 に答える 0