function getStyleProp(elem, prop) {
  if (window.getComputedStyle) {
    return window.getComputedStyle(elem, null).getPropertyValue(prop);
  } else if (elem.currentStyle) {
    return elem.currentStyle[prop]; // IE
  }
}
window.onload = function () {
  var d = document.createElement("div"); // Create div
  d.className = "layout"; // Set class = "layout"
  alert(getStyleProp(d, "color")); // Get property value
};

또는 인라인 스타일을 고려하지 않고 스타일시트에서 상속된 CSS 속성을 결정하려면 다음 함수를 사용할 수 있습니다.

function getNonInlineStyle(elem, prop) {
  var style = elem.cssText; // Cache the inline style
  elem.cssText = ""; // Remove all inline styles
  var inheritedPropValue = getStyleProp(elem, prop); // Get inherited value
  elem.cssText = style; // Add the inline style back
  return inheritedPropValue;
}

이러한 기술을 활용하여 개발자는 요소의 CSS 속성을 동적으로 조정하고 표시를 조작하며 페이지 스타일을 더 깊이 이해할 수 있습니다.