19 июн. 2016 г., 10:17 от dakabGaurav

Получить доступ ко всем свойствам стиля CSS?

Я хочу получить доступ ко всем свойствам CSS (не только для определенного селектора или элемента, но и всех) через JavaScript.

Я хочу перебрать все свойства.style коллекция.

Как я могу это сделать?

Ответы на вопрос (0)

28 апр. 2012 г., 08:02 от jfriend00

Вы можете увидеть, как получить доступ к таблицам стилей из JavaScript здесь:http://www.quirksmode.org/dom/changess.html.

В IE он отличается от других браузеров, и это немного затрудняет правильную работу с кросс-браузерными вещами.

var theRules = new Array();
if (document.styleSheets[1].cssRules)
    theRules = document.styleSheets[1].cssRules
else if (document.styleSheets[1].rules)
    theRules = document.styleSheets[1].rules

Часто вы можете просто предопределить несколько правил CSS, а затем добавить или удалить классы из различных объектов, чтобы изменить применяемые стили.

28 апр. 2012 г., 08:14 от undefined

ты можешь использоватьCSSStyleDeclaration object, Объект CSSStyleDeclaration делает атрибуты стиля CSS доступными через свойства JavaScript. Имена этих свойств JavaScript близко соответствуют именам атрибутов CSS.

этот объект имеет два дополнительных свойства:

cssText
Текстовое представление набора атрибутов стиля и их значений. Текст форматируется как в таблице стилей CSS, за исключением селектора элемента и фигурных скобок, которые окружают атрибуты и значения.

length
Количество пар атрибут / значение, содержащихся в этом CSSStyleDeclaration. Объект CSSStyleDeclaration также является массивоподобным объектом, элементами которого являются имена объявленных атрибутов стиля CSS.

https://developer.mozilla.org/en/DOM/CSSStyleDeclaration
https://developer.mozilla.org/en/DOM/CSS

19 июн. 2016 г., 03:17 от Ben Althauser
//to loop through the available css properties using jQuery
$(document).ready(function() {  
    availableProps = getComputedStyle(document.body);
    $.each(availableProps, function(propCount, cssProp) {
        console.log('CSS Property : ' + cssProp);
    });
});

ВАШ ОТВЕТ НА ВОПРОС