JavaScript ドキュメント オブジェクト モデル スタイル シートの操作

黄舟
リリース: 2017-01-20 14:56:39
オリジナル
1440 人が閲覧しました

スタイルシートはCSSStyleSheetタイプで表されます。これには、 要素を通じて組み込まれたスタイル シートと、

次のメソッドを使用して、ブラウザが DOM2 レベルのスタイル シートをサポートしているかどうかを検出します:

var supportsDOM2StyleSheets = document.implementation.hasFeature("StyleSheets","2.0");
ログイン後にコピー

CSSStyleSheet は StyleSheet を継承します。 StyleSheet は、非 CSS スタイル シートを定義するための基本インターフェイスとして使用できます。 StyleSheet インターフェースから継承される属性は次のとおりです:

  • disabled: スタイルシートを無効にするかどうか。このプロパティは読み取り可能であり、値を true に設定するとスタイル シートが無効になります。

  • href: スタイル シートが を通じて含まれている場合、この属性はスタイル シートの URL であり、それ以外の場合は null です。

  • media: 現在のスタイルシートでサポートされているすべてのメディアタイプのコレクション。すべての DOM コレクションと同様、このコレクションにも length プロパティと item() メソッドがあります。角かっこ構文を使用して、コレクション内の指定された項目を取得することもできます。コレクションが空のリストの場合、スタイル シートがすべてのメディアに適用されることを意味します。 Internet Explorer では、メディアは 要素および