Блог

Добрый день, интересно, как получить currentStyle в IE, передавая параметры в аргумент функции, подобный этому:

 function test(el,value){
  return document.getElementById(el).currentStyle[value];
}
  

если бы я использовал аналогичную функцию для получения стиля из Firefox, Chrome и так далее, это привело бы к результату.

используя функцию, подобную этой:

 function test(el,value){
  return getComputedStyle(document.getElementById(obj))[value];
}
  

, где значение — это свойство элемента, такое как backgroundColor , т.е:

 alert(test('ObjectId','backgroundColor'));
  

….
это вернет backgroundColor в FF, Chrome .. но не в Internet Explorer

Какие r возможные решения ..?

Спасибо..

пожалуйста, я не ищу решение jQuery…

Вот что я использую для извлечения значения свойства стиля

 function getStyle(el,sProp,toInt){
    var elem = el;
    if (elem.currentStyle) {
       return toInt 
              ? parseInt(elem.currentStyle[sProp],10) 
              : elem.currentStyle[sProp] || 0;
    } else if (window.getComputedStyle) {
        var compStyle = window.getComputedStyle(elem, null)[sProp];
        return toInt ? parseInt(compStyle,10) : compStyle || 0;
    }
    return String(elem.style[sProp]||0);
}
  

Это (к сожалению) очень сложно.

Я написал независимый от браузера распознаватель, но я не могу поделиться им с вами.

Если вы не пишете свой собственный фреймворк, я должен спросить, почему вы хотите иметь возможность разрешать все? Есть ли конкретное свойство (или несколько свойств), которые вы хотите? Потому что это могло бы быть намного проще.

Если вам нужен просто цвет фона, то, вероятно, достаточно .style.backgroundColor.

Кроме того, в вашем примере скрипта есть ошибка:

 alert(test('ObjectId'),'backgroundColor');
  

Должно быть:

 alert(test('ObjectId','backgroundColor'));
  

Я не в первый раз совершаю одну и ту же ошибку 😉 — мне потребовалось полдня, чтобы найти ее