Bagaimanakah Saya Boleh Mendapatkan Saiz Fon Dikira Elemen DOM dalam JavaScript?

Mendapatkan Saiz Fon Terkira dalam Elemen DOM Menggunakan JavaScript

Menentukan saiz fon sebenar yang digunakan pada elemen DOM, dengan mengambil kira tetapan yang diwarisi dan global, boleh menjadi tugas biasa dalam pembangunan web. Ini amat berguna apabila bekerja dengan pemalam atau mengautomasikan tugas yang memerlukan maklumat saiz fon yang tepat.

Pendekatan Generik untuk Pengesanan Saiz Fon Dikira

Untuk mencapai saiz fon bebas rangka kerja mendapatkan semula, anda boleh memanfaatkan perkara berikut pendekatan:

function getStyle(el, styleProp) {
  // Convert property name to camelCase for IE compatibility
  let camelize = (str) => str.replace(/\-(\w)/g, s => s[1].toUpperCase());

  // Attempt IE's non-standard currentStyle
  if (el.currentStyle) {
    return el.currentStyle[camelize(styleProp)];
  }
  // Try DOM Level 2 getComputedStyle if available
  else if (document.defaultView && document.defaultView.getComputedStyle) {
    return document.defaultView.getComputedStyle(el, null).getPropertyValue(styleProp);
  }
  // Fallback to inline style
  else {
    return el.style[camelize(styleProp)];
  }
}

Penggunaan:

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

Dengan menggunakan pendekatan ini, anda boleh mendapatkan saiz fon yang dikira untuk mana-mana elemen DOM, tanpa mengira pewarisan atau tetapan global.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendapatkan Saiz Fon Dikira Elemen DOM dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!