ホームページ >ウェブフロントエンド >CSSチュートリアル >スタイルシートを適切に削除または JavaScript/jQuery で置き換える方法

スタイルシートを適切に削除または JavaScript/jQuery で置き換える方法

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-12-04 15:54:11907ブラウズ

How to Properly Remove or Replace a Stylesheet with JavaScript/jQuery?

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

質問:

スタイルシートを削除または置換するにはどうすればよいですか ( ) JavaScript または jQuery を使用しますか? $('link[title="mystyle"]').remove() を使用してみましたが、スタイルは現在のページに適用されたままです。別の方法はありますか?

答え:

Internet Explorer を含むさまざまなブラウザーでスタイルシートを削除するには、削除するのではなく無効にする必要があります。 JavaScript/jQuery は、スタイルシートの無効なプロパティを変更することでこれを実現できます。

クロスブラウザ ソリューション:

document.styleSheets[0].disabled = true;

jQuery ソリューション:

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

このアプローチにより、CSS スタイルが確実に適用されなくなります。 であっても、現在のページ要素自体は削除されます。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。