Bagaimanakah Saya Boleh Dapatkan Nilai CSS Menggunakan JavaScript?

Mendapatkan Nilai CSS dengan JavaScript

Selain menetapkan nilai CSS dengan JavaScript (cth., document.getElementById('image_1').style .top = '100px'), anda juga boleh mendapatkan semula nilai semasa sifat gaya tertentu. Ini boleh berguna untuk pelbagai tujuan, seperti melaraskan penampilan elemen secara dinamik berdasarkan gaya semasanya.

Untuk mendapatkan nilai sifat CSS tertentu, anda boleh menggunakan kaedah getComputedStyle(). Kaedah ini mengambil elemen sebagai hujahnya dan mengembalikan objek CSSStyleDeclaration yang mewakili gaya pengiraan elemen tersebut. Setiap sifat dalam objek CSSStyleDeclaration sepadan dengan sifat CSS dan nilai sifat itu menggambarkan nilai yang dikira untuk sifat gaya tersebut.

Berikut ialah contoh:

var element = document.getElementById('image_1'),
    style = window.getComputedStyle(element),
    top = style.getPropertyValue('top');
console.log(top);

Dalam contoh ini , kaedah getComputedStyle() digunakan untuk mendapatkan semula gaya pengiraan elemen dengan ID "image_1". Kaedah getPropertyValue() kemudiannya digunakan untuk mendapatkan nilai sifat gaya 'atas' untuk elemen ini. Nilai sifat 'atas' (kemungkinan '100px' dalam contoh ini) kemudiannya tersedia melalui pembolehubah teratas dan boleh digunakan untuk pemprosesan atau manipulasi selanjutnya dalam kod JavaScript anda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Dapatkan Nilai CSS Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!