Bagaimanakah Saya Boleh Menentukan Saiz Fon Elemen HTML dengan Tepat?

Menentukan Saiz Fon dalam HTML

Menentukan saiz fon elemen teks ialah tugas biasa dalam pembangunan web. Walau bagaimanapun, bergantung semata-mata pada sifat 'style.fontSize' mungkin tidak mencukupi dalam semua kes.

Isu dan Konteks

Dalam contoh yang diberikan, 'style.fontSize' gagal memberikan hasil yang diingini apabila mendapatkan semula nilai saiz fon. Ini kerana saiz fon mungkin diwarisi daripada lembaran gaya, menghasilkan nilai rentetan kosong ('').

Penyelesaian: Menggunakan 'window.getComputedStyle()'

Untuk mendapatkan dengan tepat saiz fon, gunakan kaedah 'window.getComputedStyle()'. Kaedah ini menyediakan nilai yang dikira untuk gaya elemen, termasuk sifat yang diwarisi.

Berikut ialah contoh yang dikemas kini:

var el = document.getElementById('foo');
var style = window.getComputedStyle(el, null).getPropertyValue('font-size');
var fontSize = parseFloat(style); // Convert to a float
el.style.fontSize = (fontSize + 1) + 'px'; // Add 1 to the size and set it with units

Menggunakan 'window.getComputedStyle()', anda memperoleh saiz fon terkira sebenar sebagai nilai apungan. Ini membolehkan manipulasi saiz fon yang tepat, menangani had 'style.fontSize' untuk sifat yang diwarisi.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menentukan Saiz Fon Elemen HTML dengan Tepat?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!