Décharger le CSS de la page Web

Question

Je me demande comment il serait possible de décharger un CSS d'une page. Par exemple, dans ma page, j'ai inclus un fichier appelé a.css. Maintenant, je veux que l'utilisateur puisse changer le thème, qui est basé sur CSS, donc il devrait pouvoir décharger a.css et ensuite je peux charger b.css (sinon ils seront en conflit)

Une idée de comment s'y prendre?

Answer 1

Prenez l'élément de lien et désactivez-le

 document.getElementsByTagName('link')[0].disabled = true;
 

Answer 2

Avec jQuery, cela fonctionne:

 $("link[href='fileToRemove.css']").remove();
 

Évidemment, remplacez fileToRemove.css par le chemin relatif et le nom du fichier à décharger.

Answer 3

var firstLink = document.getElementsByTagName('link')[0];
firstLink.parentNode.removeChild(firstLink)

Cela permettrait de supprimer le premier élément de lien sur la page, vous ne savez pas comment votre code html est structuré, mais je suis sûr que vous pouvez utiliser comme un exemple. Vous pouvez vérifier le type de l'attribut si c'est 'text/css' et vous êtes en ciblant les médias de droite (à l'écran), ou éventuellement vérifier si le href contient 'css' n'importe où si vous avez d'autre lien des éléments qui ne sont pas css références.

Remarque vous pouvez également définir l'attribut href pour pointer vers un non-existence d'une page au lieu de supprimer l'élément entièrement.