Удалить CSS (динамически загруженный, скомпилированный, не тег ссылки) с веб-страницы

#javascript #css

Вопрос:

У меня есть файл LESS / CSS, который загружается на клиент, и создается окончательный CSS. Для загрузки я использую некоторую библиотеку js (например, RequireJS). Поэтому у меня нет тега «link» для этого CSS на майской странице, чтобы использовать подход с: document.getElementsByTagName(‘link’)[0].отключено = true;

Есть ли какой-нибудь способ (взломать) полностью удалить эти CSS встроенные стили с веб-страницы? (Я хочу динамически заменить его другой версией, но если я не удалю старую, новые классы CSS просто наложат старые. Это не то, что я хочу.

Может ли что-то зависеть от браузера, я разрабатываю Firefox с помощью firebug, я могу получить доступ и отредактировать этот CSS из firebug, интересно, есть ли программный способ сделать это в моем коде Java script.

Спасибо!

Ответ №1:

Вы пробовали что-то вроде:

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