Перебор всех установленных стилей

[Q_BASIC]

Приветствую,

Чтобы узнать, какие стили браузер использовал для элемента надо использовать getComputedStyle(element);

Спойлер: Возвращает это

CSSStyleDeclaration {
    0: "background-attachment"
    1: "background-blend-mode"
    2: "background-clip"
    3: "background-color"
    4: "background-image"
    5: "background-origin"
    ...
    alignContent: "stretch"
    alignItems: "stretch"
    alignSelf: "stretch"
    alignmentBaseline: "auto"
    backfaceVisibility: "visible"
    background: "rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box"
    backgroundAttachment: "scroll"
    backgroundBlendMode: "no
    ...
}

Пробовал перебрать всё это $.each(). Но там остаются только значений с числовыми ключами, а значения с ключем типа строки не попадают в перебор.

А мне надо как раз значения со строковыми ключами.

Как их все перебрать? И возможно ли получить только те, которые заданы где-то (css файл, атрибут style и тд), а не установились браузером по умолчанию.

 

[vbncxz]

Перебрать можно так:

var CSSStyleDeclaration = {
    0: "background-attachment",
    1: "background-blend-mode",
    2: "background-clip",
    3: "background-color",
    4: "background-image",
    5: "background-origin",
    alignContent: "stretch",
    alignItems: "stretch",
    alignSelf: "stretch",
    alignmentBaseline: "auto",
    backfaceVisibility: "visible",
    background: "rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box",
    backgroundAttachment: "scroll",
    backgroundBlendMode: "no"
};

$.each(CSSStyleDeclaration, function(indx, element){
  //В переменной element будет Object { key: value}
);

 

[Q_BASIC]

Перебрать можно так:

var CSSStyleDeclaration = {
    0: "background-attachment",
    1: "background-blend-mode",
    2: "background-clip",
    3: "background-color",
    4: "background-image",
    5: "background-origin",
    alignContent: "stretch",
    alignItems: "stretch",
    alignSelf: "stretch",
    alignmentBaseline: "auto",
    backfaceVisibility: "visible",
    background: "rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box",
    backgroundAttachment: "scroll",
    backgroundBlendMode: "no"
};

$.each(CSSStyleDeclaration, function(indx, element){
  //В переменной element будет Object { key: value}
);

Не работает так. В этом и проблема

 

[vbncxz]

Не работает так. В этом и проблема

Давайте спишемся по скайпу, и решим эту проблему...

 

[rockerzz]

Если правильно понял: Для просмотра ссылки Войди или Зарегистрируйся