Wie kann ich die Schriftgröße eines HTML-Elements zuverlässig ermitteln?

Bestimmen der Schriftgröße in HTML

Beim Versuch, die Schriftgröße eines Elements abzurufen, könnte sich die ursprüngliche Idee, auf style.fontSize zuzugreifen, als unzureichend erweisen. Dies gilt insbesondere dann, wenn die Schriftgröße extern in einem Stylesheet definiert wird, was beim Abrufen mit dieser Methode zu einer leeren Zeichenfolge führt.

Um dieses Problem zu beheben, können Sie window.getComputedStyle verwenden, wie unten dargestellt:

var el = document.getElementById('foo');
var style = window.getComputedStyle(el, null).getPropertyValue('font-size');
var fontSize = parseFloat(style); // Convert the style value to a numeric font size
el.style.fontSize = (fontSize + 1) + 'px'; // Increment the font size by 1

Dieser Ansatz ermittelt die Schriftgröße genau, auch wenn sie in einem Stylesheet definiert ist. Die resultierende Variable „fontSize“ kann dann verwendet werden, um die Schriftgröße des angegebenen Elements dynamisch anzupassen.

Das obige ist der detaillierte Inhalt vonWie kann ich die Schriftgröße eines HTML-Elements zuverlässig ermitteln?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!