JavaScript で DOM 要素の計算されたフォント サイズを取得する方法

JavaScript で DOM 要素の計算されたフォント サイズを取得する

DOM 要素の計算されたフォント サイズを理解することは、特に複雑なスタイル継承を持つ要素を操作する場合に重要です。この情報を取得する方法は次のとおりです:

Internet Explorer の非標準の element.currentStyle プロパティにアクセスできる場合は、次の簡単なコードを使用できます:

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

サポートする他のブラウザの場合DOM レベル 2 標準では、getComputedStyle メソッドを利用できます。

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

currentStyle でもない場合は、フォールバックとしてgetComputedStyle も利用できませんが、element.style を使用してインライン CSS プロパティにアクセスすることはできます:

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

この関数は次のように使用できます:

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

以上がJavaScript で DOM 要素の計算されたフォント サイズを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。