Rumah >hujung hadapan web >tutorial css >Bagaimana untuk mengalih keluar Sifat CSS secara dinamik dengan JavaScript?

Bagaimana untuk mengalih keluar Sifat CSS secara dinamik dengan JavaScript?

DDD
DDDasal
2024-11-05 13:10:02386semak imbas

How to Remove CSS Properties Dynamically with JavaScript?

Mengalih Keluar Sifat CSS Secara Dinamik dengan JavaScript

Mengalih Keluar Harta CSS Menggunakan removeProperty()

JavaScript menyediakan removeProperty() kaedah untuk mengalih keluar sifat CSS tertentu daripada elemen. Kaedah ini mengambil nama sifat sebagai hujahnya dan mengalih keluarnya daripada gaya elemen.

<code class="javascript">// Select the element
const element = document.getElementById('myElement');

// Remove the "zoom" property
element.style.removeProperty('zoom');</code>

Menetapkan Harta kepada Nilai Lalainya

Sebagai alternatif, anda boleh mengalih keluar sifat CSS dengan menetapkannya kepada nilai lalainya. Contohnya, nilai lalai untuk sifat "zum" ialah "1".

<code class="javascript">// Select the element
const element = document.getElementById('myElement');

// Set the "zoom" property to its default value
element.style.zoom = "";</code>

Dalam kes ini, penyemak imbas akan merujuk kepada helaian gaya (melalui pautan dan teg gaya) untuk menggunakan tahap zum yang sesuai , dengan berkesan mengalih keluar sifat zum setempat yang ditetapkan pada elemen.

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar Sifat CSS secara dinamik dengan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn