Comment supprimer dynamiquement une feuille de style de la page en cours ?

Question

Existe-t-il un moyen de supprimer dynamiquement la feuille de style actuelle de la page ?

Par exemple, si une page contient :

<link rel="stylesheet" type="text/css" href="http://..." />

...existe-t-il un moyen de le désactiver ultérieurement avec JavaScript ? Des points supplémentaires pour l'utilisation de jQuery.

Answer 1

Cela réinitialisera le style de votre page, en supprimant tous les éléments de style. De plus, jQuery n'est pas nécessaire.

Array.prototype.forEach.call(document.querySelectorAll('style,[rel="stylesheet"],[type="text/css"]'), function(element){
  try{
    element.parentNode.removeChild(element)
  }catch(err){}
});

Answer 2

C'est pour désactiver tout <style> à partir de html

// this disable all style of the website...
var cant = document.styleSheets.length
for(var i=0;i<cant;i++){
    document.styleSheets[i].disabled=true;
}

//this is the same disable all stylesheets
Array.prototype.forEach.call(document.styleSheets, function(element){
  try{
    element.disabled = true;
  }catch(err){}
});

Answer 3

Pour développer La réponse de Damien le test (qui renvoie la méthode true ou false ) conviendrait probablement mieux que search et est légèrement plus rapide. L'utilisation de cette méthode donnerait :

for (var i = 0; i < document.styleSheets.length; i++) {
    if (/searchRegex/.test(document.styleSheets[i].href)) {
        document.styleSheets[i].disabled = true;
    }
}

Si vous ne vous préoccupez pas du support d'IE, cela peut être nettoyé avec une boucle for...of.

for (const styleSheet of document.styleSheets) {
    if (/searchRegex/.test(styleSheet)) {
        styleSheet.disabled = true;
    }
}

Answer 4

Supposons que vous souhaitiez supprimer une classe myCssClass, la méthode la plus simple consiste à utiliser element.classList.remove("myCssClass") ;