Как объединить несколько IEnumerables из T

Свойство element.style позволяет вам знать только те свойства CSS, которые были определены как inline в этом элементе (программно или определены в атрибуте style элемента) , вы должны получить вычисленный стиль .

Не так просто сделать это в кросс-браузерном режиме, IE имеет свой собственный путь через свойство element.currentStyle и Стандарт [2] g DOM уровня 2 , реализованный другими браузерами, осуществляется с помощью метода document.defaultView.getComputedStyle .

Оба способа имеют различия, например, Свойство IE element.currentStyle ожидает, что вы получите доступ к именам свойств CCS, состоящим из двух или более слов в camelCase (например, maxHeight, fontSize, backgroundColor и т. Д. ), стандартный способ ожидает свойства со словами, разделенными тире (например, max-height, font-size, background-color и т. д.).

Кроме того, IE element.currentStyle вернет все размеры в блоке, в котором они были указаны (например, 12pt, 50%, 5em), стандартный способ всегда будет вычислять фактический размер в пикселях.

Я сделал некоторое время назад кросс-обзор r, которая позволяет получить вычисленные стили кросс-браузерным способом:

function getStyle(el, styleProp) {
  var value, defaultView = (el.ownerDocument || document).defaultView;
  // W3C standard way:
  if (defaultView && defaultView.getComputedStyle) {
    // sanitize property name to css notation
    // (hypen separated words eg. font-Size)
    styleProp = styleProp.replace(/([A-Z])/g, "-$1").toLowerCase();
    return defaultView.getComputedStyle(el, null).getPropertyValue(styleProp);
  } else if (el.currentStyle) { // IE
    // sanitize property name to camelCase
    styleProp = styleProp.replace(/\-(\w)/g, function(str, letter) {
      return letter.toUpperCase();
    });
    value = el.currentStyle[styleProp];
    // convert other units to pixels on IE
    if (/^\d+(em|pt|%|ex)?$/i.test(value)) { 
      return (function(value) {
        var oldLeft = el.style.left, oldRsLeft = el.runtimeStyle.left;
        el.runtimeStyle.left = el.currentStyle.left;
        el.style.left = value || 0;
        value = el.style.pixelLeft + "px";
        el.style.left = oldLeft;
        el.runtimeStyle.left = oldRsLeft;
        return value;
      })(value);
    }
    return value;
  }
}

Вышеупомянутая функция не подходит для некоторых случаев, например, для цветов, стандартный метод возвращает цвета в rgb (...) , в IE они возвратят их, как они были определены.

В настоящее время я работаю над статьей в теме, вы можете следить за изменениями Я делаю эту функцию здесь .