Javascript CSS видимость

Question

Кажется, что javascript может подготовить встроенный CSS, только если я хочу проверить, отображен ли элемент: hidden:

el.style.display

Но как проверить, отображается ли изображение: ни один не помещается во внешний файл CSS?

Answer 1

Вам потребуется доступ к вычисленному стилю элемента с помощью getComputedStyle (совместимые со стандартами браузеры) или currentStyle (IE). Google для этих терминов в качестве примеров или использовать платформу, такую ​​как jQuery, которая предоставляет оболочки для этого.

Answer 2

Это может быть обратный путь и не поможет в этом случае, но в любом случае:

Если вы хотите проверить, что находится в загруженных файлах CSS, вы можете получить загруженные таблицы стилей с помощью var sheets = document.styleSheets; и получить доступ к первому с помощью sheets[0];
Тогда получите из него правила:

var rules = sheets[0].cssRules ? sheets[0].cssRules : sheets[0].rules;

Затем проверьте правила, чтобы проверить их:

var rule, selector;
for (var idx=0, len=rules.length; idx<len; ++idx) {
  rule = rules[idx];
  selector = rule.selectorText;
  if (!selector) {continue;}
  console.log(selector+' => '+ rule.style.cssText);
}

Это более или менее прямо из великой книги Дэвида Фланагана "Javascript, Полное руководство (5-е изд.)"

Answer 3

if(el.style.display=='none') будет работать независимо от того, где определен CSS.