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
Mary-Kate Olsenoriginal
2024-12-04 15:54:11901parcourir

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;

Solution jQuery :

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

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!

Déclaration:
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