Bagaimanakah Saya Boleh Dapatkan dan Laraskan Saiz Fon dengan Tepat dalam HTML?

Mendapatkan semula Saiz Fon dalam HTML

Mendapatkan saiz fon elemen HTML boleh kelihatan seperti tugas yang mudah. Walau bagaimanapun, hanya mengakses sifat style.fontSize mungkin tidak selalu menghasilkan hasil yang diingini, terutamanya jika saiz fon ditakrifkan dalam lembaran gaya luaran.

Untuk mendapatkan nilai saiz fon yang tepat, gunakan window.getComputedStyle() kaedah. Fungsi ini mengira gaya berkesan sesuatu elemen, termasuk sebarang gaya yang diwarisi daripada nenek moyangnya. Berikut ialah contoh:

var el = document.getElementById('foo');
var style = window.getComputedStyle(el, null).getPropertyValue('font-size');
var fontSize = parseFloat(style);

Kod ini mengambil saiz fon yang dikira bagi elemen dengan ID "foo" dan menyimpannya dalam pembolehubah Saiz fon. Kini anda mempunyai akses kepada nilai saiz fon sebenar.

Menggunakan pendekatan ini, anda boleh melaksanakan pelarasan saiz fon dinamik. Contohnya:

el.style.fontSize = (fontSize + 1) + 'px';

Barisan kod ini menambah saiz fon elemen "foo" dengan satu langkah. Anda boleh menggantikan "1" dengan sebarang nilai yang dikehendaki untuk menukar saiz fon mengikut keperluan.

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