Bagaimanakah Saya Boleh Mendapatkan dan Menukar Saiz Fon dalam HTML?

Mendapatkan Nilai Saiz Fon dalam HTML

Keperluan untuk mengakses dan memanipulasi saiz fon elemen HTML sering timbul dalam pembangunan web. Untuk melakukannya dengan berkesan, adalah penting untuk memahami mekanisme asas dan kemungkinan perangkap.

Percubaan untuk mendapatkan semula saiz fon terus daripada sifat style.fontSize mungkin tidak selalu memberikan hasil yang diingini. Dalam kes di mana saiz fon ditakrifkan dalam lembaran gaya, nilai sifat akan menjadi rentetan kosong. Untuk memintas isu ini, kaedah window.getComputedStyle disyorkan. Kod di bawah menunjukkan cara mendapatkan dan melaraskan saiz fon dengan betul:

var el = document.getElementById('foo');
var style = window.getComputedStyle(el, null).getPropertyValue('font-size');
var fontSize = parseFloat(style); // Convert the value to a float for precision
el.style.fontSize = (fontSize + 1) + 'px'; // Apply the updated font size

Pendekatan ini memastikan saiz fon diambil dengan tepat, walaupun ia diwarisi daripada lembaran gaya. Fungsi parseFloat digunakan untuk menukar nilai rentetan kepada apungan, membenarkan pelarasan yang lebih halus dalam saiz fon. Dengan menggunakan teknik ini, anda boleh mengubah suai saiz fon elemen HTML dengan mudah dan mengekalkan ketekalan dengan takrifan lembaran gaya.

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