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

JavaScript/jQuery を使用したスタイルシート () の削除または置換

Web ページからスタイルシートを削除しようとしている場合動的に、次の jQuery コードを使用しようとしました:

$('link[title="mystyle"]').remove();

whileこのコードは DOM からリンク要素を削除しますが、スタイルシートで定義されたスタイルはページに適用されたままになります。この現象は、Opera と Firefox の両方で発生します。

JavaScript を使用してスタイルシートを正常に削除または置換するには、ブラウザの CSS ファイルのキャッシュ メカニズムを理解する必要があります。ブラウザは CSS スタイルをメモリにキャッシュします。つまり、DOM からスタイルシート要素を削除した後でも、スタイルが適用される可能性があります。

この問題に対処するには:

クロスの場合ブラウザの互換性、スタイルシートを削除する代わりに無効にするit:

document.styleSheets[0].disabled = true;

jQuery の使用:

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

スタイルシートを無効にすると、非アクティブとしてマークされ、ブラウザーはスタイルの適用を停止します。そのスタイルシートで定義されています。このアプローチは、Internet Explorer を含む主要なブラウザーで一貫して機能します。

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