자바 스크립트에서 CSS 글꼴 크기를 얻으려면 어떻게해야합니까?

Question

가 나는 시도했다 :

document.getElementById("foo").style.fontSize 

그러나 아무 것도 반환하지 않습니다 그. 내 CSS는 별도의 스타일 시트가 아니라 같은 문서에 정의되어 있습니다. 나는 또한 이것을 시도했다 :

var el = document.getElementById("content"); 
var style = window.getComputedStyle(el, null).getPropertyValue("font-size"); 
var fontSize = parseFloat(style); 
el.style.fontSize = (fontSize + 1) + "px"; 

그러나 이것은 작동하지 않는다.

이

문제의 HTML입니다 :

<p contenteditable="true" id="content">Write here. Seriously, try it.</p> 

그리고 이것은 CSS입니다

#content { 
    line-height: 30px; 
    margin-top: 22px; 
    min-height: 90%; 
    display: block; 
    padding: 0 20px 0 20px; 
    font-size:15px; 
} 

Answer 1

window.getComputedStyle 방법

window.getComputedStyle(document.getElementById('foo')).fontSize 

에 요소를 통과하십시오