Wie bekomme ich die CSS-Schriftgröße in Javascript?

Question

Ich habe versucht:

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

jedoch, die nichts zurückgibt. Mein CSS ist im selben Dokument definiert und kein separates Stylesheet. Ich habe auch versucht, diese:

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

aber das funktioniert nicht.

Dies ist der HTML-Code in Frage:

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

Und das ist die CSS

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

Answer 1

Versuchen Sie das Element an die window.getComputedStyle Methode übergeben

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