Bagaimanakah Saya Boleh Mendapatkan Saiz Fon Elemen HTML?

Menentukan Saiz Fon dalam HTML

Apabila cuba mendapatkan semula saiz fon elemen, idea awal untuk mengakses style.fontSize mungkin terbukti tidak mencukupi. Ini benar terutamanya apabila saiz fon ditakrifkan secara luaran dalam helaian gaya, menghasilkan rentetan kosong apabila diambil menggunakan kaedah ini.

Untuk menangani perkara ini, anda boleh menggunakan window.getComputedStyle, seperti yang digambarkan di bawah:

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

Pendekatan ini mengambil semula saiz fon dengan tepat, walaupun ia ditakrifkan dalam lembaran gaya. Pembolehubah Saiz fon yang terhasil kemudiannya boleh digunakan untuk melaraskan saiz fon elemen yang ditentukan secara dinamik.

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