Bagaimana Saya Mengakses Pembolehubah CSS Menggunakan JavaScript?

Cara Mengakses Pembolehubah CSS dalam JavaScript

Mengakses pembolehubah CSS daripada JavaScript membolehkan anda memanipulasi penggayaan aplikasi web anda secara dinamik. Begini cara anda boleh mencapai ini:

Langkah 1: Dapatkan Gaya Dikira

Gunakan fungsi getComputedStyle untuk mendapatkan semula gaya pengiraan elemen sasaran.

Langkah 2: Dapatkan Harta Nilai

Gunakan kaedah getPropertyValue untuk mengambil nilai pembolehubah CSS yang diingini.

Sintaks:

getComputedStyle(element).getPropertyValue('--variable-name');

Contoh:

Untuk mendapatkan semula nilai --color-font-general CSS pembolehubah diisytiharkan dalam coretan kod yang disediakan:

var style = getComputedStyle(document.body);
var color = style.getPropertyValue('--color-font-general');

Kod ini akan menangkap nilai pembolehubah CSS dan menyimpannya dalam pembolehubah warna.

Atas ialah kandungan terperinci Bagaimana Saya Mengakses Pembolehubah CSS Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!