Heim > Web-Frontend > CSS-Tutorial > Wie entferne oder ersetze ich ein Stylesheet ordnungsgemäß durch JavaScript/jQuery?

Wie entferne oder ersetze ich ein Stylesheet ordnungsgemäß durch JavaScript/jQuery?

Mary-Kate Olsen
Freigeben: 2024-12-04 15:54:11
Original
898 Leute haben es durchsucht

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

Entfernen oder Ersetzen eines Stylesheets (ein ) mit JavaScript/jQuery

Frage:

Wie entferne oder ersetze ich ein Stylesheet (einen ) mit JavaScript oder jQuery? Ich habe versucht, $('link[title="mystyle"]').remove() zu verwenden, aber die Stile werden immer noch auf die aktuelle Seite angewendet. Gibt es eine andere Möglichkeit?

Antwort:

Um ein Stylesheet in verschiedenen Browsern, einschließlich Internet Explorer, zu entfernen, müssen Sie es deaktivieren, anstatt es zu entfernen. JavaScript/jQuery kann dies erreichen, indem die Eigenschaft „disabled“ des Stylesheets geändert wird.

Browserübergreifende Lösung:

document.styleSheets[0].disabled = true;
Nach dem Login kopieren

jQuery-Lösung:

$('link[title=mystyle]')[0].disabled = true;
Nach dem Login kopieren

Dieser Ansatz stellt sicher, dass die CSS-Stile nicht mehr auf die aktuelle Seite angewendet werden, selbst wenn die Element selbst wird entfernt.

Das obige ist der detaillierte Inhalt vonWie entferne oder ersetze ich ein Stylesheet ordnungsgemäß durch JavaScript/jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage