Wie erhalte ich die berechnete Schriftgröße eines DOM-Elements in JavaScript?

Ermitteln der berechneten Schriftgröße eines DOM-Elements in JavaScript

Das Verständnis der berechneten Schriftgröße eines DOM-Elements ist von entscheidender Bedeutung, insbesondere bei der Bearbeitung von Elementen mit komplexer Stilvererbung. So können Sie diese Informationen abrufen:

Wenn Sie Zugriff auf die nicht standardmäßige element.currentStyle-Eigenschaft von Internet Explorer haben, können Sie diesen einfachen Code verwenden:

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

Für andere Browser, die dies unterstützen Für den DOM Level 2-Standard können Sie die getComputedStyle-Methode verwenden:

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

Als Fallback, wenn weder currentStyle noch getComputedStyle verfügbar sind, können Sie weiterhin mit element.style auf die Inline-CSS-Eigenschaft zugreifen:

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

Diese Funktion kann wie folgt verwendet werden:

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

Das obige ist der detaillierte Inhalt vonWie erhalte ich die berechnete Schriftgröße eines DOM-Elements in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!