javascript - 从网页中删除 CSS(动态加载、编译、非链接标记)

Question

我已经在客户端加载了 LESS/CSS 文件，并生成了最终的 CSS。为了加载，我使用了一些 js 库(比如 requireJS)。因此，我在可能的页面上没有此 CSS 的“链接”标签以使用方法:document.getElementsByTagName('link')[0].disabled = true;

是否有某种方法(破解)可以从网页中完全删除此 CSS 嵌入式样式？ (我想用其他版本动态替换它，但如果我不删除旧的，新的 CSS 类将只覆盖旧的。这不是我想要的。

请告诉我一些依赖于浏览器的东西，我使用带有 firebug 的 firefox 进行开发，我可以从 firebug 访问和编辑此 CSS，我想知道在我的 java 脚本代码中是否有编程方式来完成它。

谢谢!

Answer 1

你有没有试过这样的事情:

var styles = document.getElementsByTagName('style');
for (var s in styles) {
    s.parentNode.removeChild(s);
}

?