JavaScript または jQuery でスタイルシートを効果的に削除または置換するにはどうすればよいですか?

JavaScript または jQuery を使用したスタイルシートの効果的な削除または置換

以下を追加して Web ページの外観を動的に調整するのは一般的な要件です。 JavaScript または jQuery を使用してスタイルシートを削除または置換します。ただし、スタイルシート要素 ( タグ) を削除するだけでは、すべてのブラウザで必ずしも十分とは限りません。

ブラウザ間の互換性を確保するには、次の手法を組み込むことを検討してください:

Setスタイルシートを無効にします

一部のブラウザ (Internet Explorer など) では、スタイルシートメモリにキャッシュされます。 を削除するだけです。要素はスタイルを削除しません。スタイルが適用されないようにするには、スタイルシートの無効なプロパティを true に設定します。

jQuery の使用:

$('link[title=mystyle]')[0].disabled = true;

完全な例

jQuery を使用した完全な例を次に示します。

// Remove a stylesheet with the title "mystyle"
$('link[title=mystyle]').remove();

// Disable the first stylesheet
$('link[href]')[0].disabled = true;

このアプローチにより、スタイルシートはメモリにキャッシュされず、ページの外観には影響しません。

以上がJavaScript または jQuery でスタイルシートを効果的に削除または置換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。