如何使用 JavaScript 正确删除或替换样式表？

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

尝试从网页中删除样式表动态地，您尝试使用以下 jQuery 代码：

$('link[title="mystyle"]').remove();

虽然此代码从 DOM 中删除链接元素，样式表中定义的样式仍然应用于页面。 Opera 和 Firefox 中都会出现此行为。

要使用 JavaScript 成功删除或替换样式表，您需要了解浏览器的 CSS 文件缓存机制。浏览器将 CSS 样式缓存在内存中，这意味着即使从 DOM 中删除样式表元素后，样式仍然可以应用。

要解决此问题：

对于跨浏览器兼容性，禁用样式表而不是删除它：

document.styleSheets[0].disabled = true;

使用jQuery:

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

通过禁用样式表，它被标记为非活动状态，并且浏览器停止应用该样式表中定义的样式。这种方法在包括 Internet Explorer 在内的主要浏览器中一致有效。

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