javaScript

function getStyle(el, styleProp) {
  var value, defaultView = (el.ownerDocument || document).defaultView;
  if (defaultView && defaultView.getComputedStyle) {
    styleProp = styleProp.replace(/([A-Z])/g, "-$1").toLowerCase();
    return defaultView.getComputedStyle(el, null).getPropertyValue(styleProp);
  }
}

tag?

솔루션 :

function getStyle(el, styleProp) {
  var value, defaultView = (el.ownerDocument || document).defaultView;
  if (defaultView && defaultView.getComputedStyle) {
    styleProp = styleProp.replace(/([A-Z])/g, "-$1").toLowerCase();
    return defaultView.getComputedStyle(el, null).getPropertyValue(styleProp);
  }
}

컴퓨팅 된 스타일 값을 얻으려면 요소의 계산 스타일에 액세스해야합니다. 대부분의 브라우저에서 지원되는 표준 DOM 레벨 2 메소드와 IE 특정 요소 .currentStyle 속성을 갖춘 두 가지 접근 방식이 있습니다. var value, defaultView = (el.ownerDocument || document) .defaultView; if (defaultView && defaultView.getComputedStyle) { StyleProp = StyleProp.replace (/([a-z]))/g, "-$ 1"). tolowercase (); return defaultView.getComputEdStyle (EL, NULL) .GetProperTyValue (StyleProp); } }

여기, 속성 이름은 하이픈 분리 형식 (예 : "font-size")이어야합니다. 값은 픽셀로 반환됩니다.

function getStyle(el, styleProp) {
  var value, defaultView = (el.ownerDocument || document).defaultView;
  if (defaultView && defaultView.getComputedStyle) {
    styleProp = styleProp.replace(/([A-Z])/g, "-$1").toLowerCase();
    return defaultView.getComputedStyle(el, null).getPropertyValue(styleProp);
  }
}

if (el.currentStyle) { StyleProp = styleProp.replace (/\-(\ w)/g, function (str, letter) { return letter.toupperCase (); }); value = el.currentStyle [StyleProp]; if (/^\ d (em | pt |%| ex)? $/i.test (value)) { // 비 픽셀 장치를 픽셀로 변환합니다 ... } }

예제 사용법 :

var element = document.getElementById ( "box"); var width = getStyle (요소, "너비"); console.log ( "너비 :"너비);