HTMLLinkElement: disabled プロパティ

Baseline

広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

完全な互換性情報を見る
もっと詳しく

disabled は HTMLLinkElement インターフェイスのプロパティで、リンクが無効かどうかを表す論理値です。rel プロパティが stylesheet に設定されたスタイルシートリンクでのみ効果があります。

読み込み時の HTML に disabled 属性が指定されている場合、ページの読み込み中にスタイルシートは読み込まれません。代わりに、disabled プロパティが false に設定されるか、disabled 属性が削除されたときにのみスタイルシートが読み込まれます。JavaScript で disabled プロパティを設定すると、そのスタイルシートは文書の Document.styleSheets リストから削除されます。

このプロパティは、<link> 要素の disabled 属性を反映します。

値

論理値です。

例

html

<link
  id="el"
  href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
  rel="stylesheet"
  disabled
  crossorigin="anonymous" />

const el = document.getElementById("el");
console.log(el.disabled); // 出力結果: true

// スタイルシートを有効にするには disabled プロパティを false に設定する
el.disabled = false;
console.log(el.disabled); // 出力結果: false