Получить нераспознанные стили из таблицы стилей в JS

Question

Как получить фактический текст таблицы стилей с помощью JS?

Свойство cssRules возвращает только те правила, которые оно распознает.

Например.Я хотел бы изменить -webkit-border-radius на -moz-border-radius.Или создайте JS-мастерство для любого элемента, стиль которого содержит myTrigger: true;(НЕ читайте мне лекции по принципалу.)

При циклическом просмотре cssRules в document.stylesheet возвращается проанализированный текст минус любых нераспознанных правил, использую ли я cssText, массив правил или правила по умолчанию.

Есть ли способ проанализировать включенную таблицу стилей и просмотреть / изменить каждое из правил так, как оно было написано?

Answer 1

Единственный способ сделать это - загрузить таблицу стилей напрямую с помощью JavaScript xmlhttprequest, а затем проанализировать содержимое самостоятельно. Затем, после этого, используйте JavaScript, чтобы вставить ваши измененные стили в заголовок HTML-документа.

Грязно, но это сработает.