[코드 세 션 감상] (JavaScript) getComputed Style 사용 해 보 셨 어 요?

2360 단어 JavaScript
(function() {

// IE8 ployfill for GetComputed Style (for Responsive Script below)
if (!window.getComputedStyle) {
  window.getComputedStyle = function(el, pseudo) {
    this.el = el;
    this.getPropertyValue = function(prop) {
      var re = /(\-([a-z]){1})/g;
      if (prop == 'float') prop = 'styleFloat';
      if (re.test(prop)) {
        prop = prop.replace(re, function () {
          return arguments[2].toUpperCase();
        });
      }
      return el.currentStyle[prop] ? el.currentStyle[prop] : null;
    }
    return this;
  }
}
/*
window.onload = function() {
  var compStyle = widow.getComputedStyle(document.getElementById('test'), '');
  
  alert(compStyle.getPropertyValue("color"));
  alert(compStyle.getPropertyValue("float"));
  alert(compStyle.getPropertyValue("background-color"));
};
*/

})();

일부 브 라 우 저 에서 CSS 문 제 를 처리 하거나 자바 스 크 립 트 에서 특정한 요소 의 스타일 을 가 져 와 야 할 때 생각 할 수 있 습 니 다.

좋은 웹페이지 즐겨찾기