Получить доступ ко всем свойствам стиля CSS?
Я хочу получить доступ ко всем свойствам CSS (не только для определенного селектора или элемента, но и всех) через JavaScript.
Я хочу перебрать все свойства.style коллекция.
Как я могу это сделать?
Ответы на вопрос(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, а затем добавить или удалить классы из различных объектов, чтобы изменить применяемые стили.
ты можешь использовать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);
});
});