首页 >web前端 >css教程 >如何使用 JavaScript/jQuery 正确删除或替换样式表?

如何使用 JavaScript/jQuery 正确删除或替换样式表?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-12-04 15:54:11904浏览

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

使用 JavaScript/jQuery 删除或替换样式表()

问题:

如何删除或替换样式表( ) 使用 JavaScript 还是 jQuery?我尝试过使用 $('link[title="mystyle"]').remove(),但样式仍然应用于当前页面。还有其他方法吗?

答案:

要在各种浏览器(包括 Internet Explorer)上删除样式表,您需要禁用它而不是删除它。 JavaScript/jQuery可以通过修改样式表的disabled属性来实现这一点。

跨浏览器解决方案:

document.styleSheets[0].disabled = true;

jQuery解决方案:

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

此方法可确保 CSS 样式不再应用于当前页面,即使如果元素本身被删除。

以上是如何使用 JavaScript/jQuery 正确删除或替换样式表?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn