Bagaimana untuk Menentukan Sokongan Harta CSS Menggunakan JavaScript?

Menentukan Sokongan Penyemak Imbas untuk Sifat CSS Menggunakan JavaScript

Dalam bidang pembangunan web, selalunya penting untuk mengesahkan sama ada sifat CSS tertentu adalah disokong oleh penyemak imbas pelanggan. Ini menjadi sangat relevan apabila bekerja dengan ciri CSS3, seperti kesan putaran. Untuk menangani perkara ini, JavaScript menyediakan mekanisme berguna untuk menyemak keserasian sifat CSS.

Penyelesaian

Kunci untuk mengesan sokongan sifat CSS terletak pada mengakses dokumen .body.style objek. Objek ini mengandungi koleksi besar atribut gaya, termasuk yang ditakrifkan dalam CSS3. Dengan memeriksa objek ini, kami boleh menentukan ketersediaan harta tertentu.

Untuk menyemak sokongan putaran, contohnya, anda boleh menggunakan coretan kod mudah ini:

<code class="javascript">if ('WebkitTransform' in document.body.style 
 || 'MozTransform' in document.body.style 
 || 'OTransform' in document.body.style 
 || 'transform' in document.body.style) 
{
    alert('I can Rotate!');
}</code>

Kod di atas menyemak ketersediaan sifat putaran khusus vendor yang berbeza (cth., WebkitTransform, MozTransform) dan sifat 'transform' standard. Jika mana-mana sifat ini ada, ia mengesahkan sokongan penyemak imbas untuk kesan putaran.

Atas ialah kandungan terperinci Bagaimana untuk Menentukan Sokongan Harta CSS Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!