JavaScript에서 DOM 요소의 계산된 글꼴 크기를 얻는 방법은 무엇입니까?

JavaScript에서 DOM 요소의 계산된 글꼴 크기 가져오기

DOM 요소의 계산된 글꼴 크기를 이해하는 것은 특히 복잡한 스타일 상속이 있는 요소를 조작할 때 중요합니다. 이 정보를 검색할 수 있는 방법은 다음과 같습니다.

Internet Explorer의 비표준 element.currentStyle 속성에 액세스할 수 있는 경우 다음 간단한 코드를 사용할 수 있습니다.

if (el.currentStyle) {
  return el.currentStyle['fontSize'];
}

지원하는 다른 브라우저의 경우 DOM 레벨 2 표준에서는 getComputeStyle 메소드를 활용할 수 있습니다.

if (document.defaultView && document.defaultView.getComputedStyle) {
  return document.defaultView.getComputedStyle(el, null).getPropertyValue('font-size');
}

currentStyle도 아니고 getCompulatedStyle을 사용할 수 있지만 element.style을 사용하여 인라인 CSS 속성에 계속 액세스할 수 있습니다.

else {
  return el.style['fontSize'];
}

이 함수는 다음과 같이 사용할 수 있습니다.

var element = document.getElementById('elementId');
var fontSize = getStyle(element, 'font-size');

위 내용은 JavaScript에서 DOM 요소의 계산된 글꼴 크기를 얻는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!