Bolehkah JavaScript Mengakses Nilai Sifat CSS Tersuai Tidak Sah?

Mengakses Sifat CSS Tersuai Tidak Sah daripada JavaScript

Dalam CSS, sifat tersuai boleh ditakrifkan menggunakan awalan --. Walau bagaimanapun, bolehkah anda mengakses nilai sifat CSS yang tidak sah atau tersuai daripada JavaScript?

Soalan:

Memandangkan CSS berikut:

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

Bolehkah anda kemudian dalam JavaScript menentukan nilai sifat -my-foo untuk elemen div tertentu?

Jawapan:

Mengakses nama sifat tidak sah dalam CSSStyleDeclaration tidak nampaknya disokong dalam pelayar popular seperti Chrome dan Firefox. Untuk CSS yang diberikan, objek CSSStyleDeclaration hanya mengandungi lebar sifat yang sah dan langkau -my-foo.

Menariknya, spesifikasi Gaya DOM-Level-2 menyatakan bahawa semua sifat yang ditentukan harus tersedia melalui antara muka CSSStyleDeclaration. Mungkin terdapat beberapa penyemak imbas yang menyokong gelagat ini.

Pendekatan DIY:

Sebagai penyelesaian, anda boleh menghuraikan teks CSS mentah menggunakan document.getElementsByTagName("style" )[0].InnerTeks. Walau bagaimanapun, ini boleh menjadi pendekatan yang menyusahkan.

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