Maison > interface Web > tutoriel CSS > Comment supprimer ou remplacer correctement une feuille de style avec JavaScript/jQuery ?

Comment supprimer ou remplacer correctement une feuille de style avec JavaScript/jQuery ?

Mary-Kate Olsen
Libérer: 2024-12-04 15:54:11
original
899 Les gens l'ont consulté

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

Supprimer ou remplacer une feuille de style (un ) avec JavaScript/jQuery

Question :

Comment supprimer ou remplacer une feuille de style (un ) à l'aide de JavaScript ou jQuery ? J'ai essayé d'utiliser $('link[title="mystyle"]').remove(), mais les styles sont toujours appliqués à la page actuelle. Existe-t-il un autre moyen ?

Réponse :

Pour supprimer une feuille de style dans différents navigateurs, y compris Internet Explorer, vous devez la désactiver plutôt que de la supprimer. JavaScript/jQuery peut y parvenir en modifiant la propriété désactivée de la feuille de style.

Solution multi-navigateurs :

document.styleSheets[0].disabled = true;
Copier après la connexion

Solution jQuery :

$('link[title=mystyle]')[0].disabled = true;
Copier après la connexion

Cette approche garantit que les styles CSS ne sont plus appliqués à la page actuelle, même si le l'élément lui-même est supprimé.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal