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

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

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

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

 Joseph28 апр. 2012 г., 07:46
отall, ты имеешь в виду весь CSS всех элементов?
 Sampson28 апр. 2012 г., 07:46
Что вы имеете в виду? Вы должны выбрать элемент, прежде чем сможете получить доступ к его свойствам.
 cereallarceny28 апр. 2012 г., 08:01
Не могли бы вы быть немного более конкретным? Чтобы установить свойство CSS для всех элементов, вы можете использовать подстановочный знак (*). Итак: * {border: 1px solid black; } установит сплошную черную рамку размером 1 пиксель вокруг всех элементов в вашем документе. Если вы говорите о получении вычисленного значения всех свойств CSS всех элементов в теле, то у вас в руках очень большой большой цикл Javascript. Я чувствую, что если вам нужно сделать это, у вас возникла большая проблема с дизайном веб-страницы.
 Gaurav28 апр. 2012 г., 07:49
всеми средствами css, такими как style [& quot; a & quot;] и style [& quot; z & quot;] и style.length = total css-свойства, которые мы можем применить к любому элементу.

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

Вы можете увидеть, как получить доступ к таблицам стилей из 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, а затем добавить или удалить классы из различных объектов, чтобы изменить применяемые стили.

 Gaurav28 апр. 2012 г., 08:11
спасибо за ответ, я думаю, что я не смог четко объяснить мои требования, хорошо, позвольте мне еще раз попробовать, сколько свойств есть в css3, я не знаю точного количества, но я хочу получить доступ ко всему из javascript
Решение Вопроса

ты можешь использовать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

//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);
    });
});
 05 июн. 2016 г., 09:42
Это правда?access? Также ОП попросил выполнить итерации по этим свойствам. Не могли бы вы добавить эту информацию в свой ответ?
 19 июн. 2016 г., 03:03
спасибо, я не уловил, что ему нужен доступ. Обновил мой ответ.

Ваш ответ на вопрос