Bagaimana untuk Mendapatkan Nilai Pengiraan Font-Family Menggunakan JavaScript?

Mengambil semula Font-Family Terkira menggunakan JavaScript

Artikel ini menyelidiki lanjutan daripada pertanyaan terdahulu, meneroka cara mendapatkan nama fon sebenar daripada elemen DOM, tidak termasuk sebarang sandaran. Walaupun kaedah "gaya dikira" generik mendapatkan semula rentetan fon lengkap, termasuk sandaran, matlamat kami adalah untuk mengasingkan fon khusus yang digunakan oleh elemen.

Untuk mencapai ini, kami memanfaatkan kaedah getComputedStyle() yang disediakan oleh moden pelayar. Coretan kod berikut menggambarkan pendekatan:

<code class="javascript">let para = document.querySelector('p');
let compStyles = window.getComputedStyle(para);
let computedFontFamily = compStyles.getPropertyValue('font-family'); // e.g. "Times New Roman"</code>

Dalam contoh di atas, para mewakili elemen perenggan sasaran. Kaedah getComputedStyle() mengembalikan objek CSSStyleDeclaration (compStyles) yang mengandungi gaya pengiraan elemen. Untuk mendapatkan semula fon-family yang dikira, gunakan kaedah getPropertyValue('font-family'), yang mengembalikan rentetan yang mengandungi nama fon sebenar, tidak termasuk sebarang sandaran.

Pendekatan ini disokong oleh kebanyakan penyemak imbas utama, termasuk Chrome, Firefox, Safari dan Edge. Rujuk dokumentasi Rangkaian Pembangun Mozilla untuk butiran lanjut: https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Nilai Pengiraan Font-Family Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!