Bolehkah Kami Mengakses Nilai Sifat CSS Tersuai atau Tidak Sah dalam JavaScript?

Mengakses Nilai Sifat CSS Tidak Sah/Tersuai daripada JavaScript

Dalam bidang pembangunan web, sifat CSS adalah penting untuk elemen penggayaan. Walaupun terdapat banyak sifat CSS standard yang ditentukan, anda mungkin menghadapi senario di mana anda ingin menggunakan sifat tersuai anda sendiri. Ini menimbulkan persoalan: bolehkah kita mengakses nilai sifat CSS yang tidak sah atau tersuai ini dalam JavaScript?

Untuk meneroka ini, pertimbangkan CSS berikut:

<code class="css">div {
    -my-foo: 42;
}</code>

Andaikan anda mempunyai gaya sedemikian pengisytiharan, bolehkah anda mendapatkan semula nilai sifat -my-foo menggunakan JavaScript untuk elemen div tertentu?

Kaedah Konvensional

Malangnya, mengakses secara langsung nilai yang tidak sah Sifat CSS tidak boleh dilakukan melalui cara konvensional. Penyemak imbas cenderung mengabaikan sifat yang tidak dikenali atau tersuai, jadi anda tidak akan menemuinya tersenarai dalam objek CSSStyleDeclaration. Sebagai contoh, dalam contoh CSS yang diberikan, objek style:CSSStyleDeclaration hanya akan mengandungi sifat lebar.

Alternatif Kemungkinan

Walaupun kaedah konvensional mungkin tidak berfungsi, terdapat pendekatan alternatif. Anda boleh menghuraikan teks CSS mentah secara manual untuk mendapatkan semula nilai sifat tersuai. Sebagai contoh, anda boleh menggunakan kod berikut:

<code class="javascript">document.getElementsByTagName("style")[0].innerText;</code>

Kod ini mendapatkan semula keseluruhan teks CSS mentah dan membolehkan anda mencari nilai sifat tersuai yang anda minati. Perlu diingat bahawa kaedah ini memerlukan tambahan pemprosesan dan mungkin tidak sesuai untuk semua senario.

Nota:

Perlu diambil perhatian bahawa antara muka CSSStyleDeclaration, seperti yang ditakrifkan oleh spesifikasi Gaya DOM-Level-2 , menunjukkan bahawa semua sifat yang ditentukan, termasuk yang tidak sah, harus boleh diakses melalui antara muka. Walau bagaimanapun, kebanyakan penyemak imbas pada masa ini tidak mematuhi bahagian spesifikasi ini.

Atas ialah kandungan terperinci Bolehkah Kami Mengakses Nilai Sifat CSS Tersuai atau Tidak Sah dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!