Comment puis-je supprimer ou remplacer efficacement les feuilles de style en JavaScript ou jQuery ?

Supprimer ou remplacer efficacement des feuilles de style à l'aide de JavaScript ou de jQuery

Il est courant d'ajuster dynamiquement l'apparence d'une page Web en ajoutant, supprimer ou remplacer des feuilles de style à l'aide de JavaScript ou de jQuery. Cependant, la suppression d'un élément de feuille de style (balise ) seule ne suffit pas toujours dans tous les navigateurs.

Pour une compatibilité entre navigateurs, envisagez d'incorporer la technique suivante :

Définir Feuille de style désactivée

Dans certains navigateurs (par exemple, Internet Explorer), les feuilles de style sont mises en cache en mémoire. Il suffit de supprimer le L’élément ne supprimera pas les styles. Pour empêcher l'application des styles, vous pouvez définir la propriété désactivée de la feuille de style sur true.

Utilisation de jQuery :

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

Exemple complet

Voici un exemple complet utilisant jQuery :

// Remove a stylesheet with the title "mystyle"
$('link[title=mystyle]').remove();

// Disable the first stylesheet
$('link[href]')[0].disabled = true;

Cette approche garantit que la feuille de style n'est pas mise en cache en mémoire et n'affecte pas l'apparence de la page.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!