Bagaimanakah Saya Boleh Mendapatkan Fon Render Sebenar dalam JavaScript Apabila Sifat Fon CSS Tidak Ditakrifkan?

Mengakses Fon Render Sebenar apabila Tidak Ditakrifkan dalam CSS

Apabila mengakses sifat fon elemen, JavaScript object.style.fontFamily dan objek .style.fontSize boleh mengembalikan nilai kosong jika sifat CSS yang sepadan tidak ditetapkan secara eksplisit. Walau bagaimanapun, ini tidak bermakna bahawa elemen itu dipaparkan tanpa fon. Penyemak imbas biasanya menggunakan gaya lalai atau diwarisi, yang mentakrifkan fon yang diberikan sebenar.

Untuk mendapatkan semula maklumat fon yang diberikan, anda boleh menggunakan kaedah getComputedStyle:

function css(element, property) {
    return window.getComputedStyle(element, null).getPropertyValue(property);
}

Sebagai contoh:

css(object, 'font-size') // returns '16px'

Kaedah ini mengembalikan nilai pengiraan bagi harta yang ditentukan, walaupun ia tidak ditetapkan secara eksplisit dalam CSS.

Nota: getComputedStyle tidak disokong dalam IE8.

Langsung Demo:

[https://jsfiddle.net/4mxzE/](https://jsfiddle.net/4mxzE/)

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendapatkan Fon Render Sebenar dalam JavaScript Apabila Sifat Fon CSS Tidak Ditakrifkan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!