Bagaimana untuk Mendapatkan Hartanah CSS daripada Lembaran Gaya Luaran Tanpa Elemen Diberikan?

Mendapatkan semula Sifat CSS daripada Helaian Gaya Luaran dengan Javascript/jQuery

Soalan:

Bolehkah dapatkan semula nilai sifat CSS daripada helaian gaya luaran, walaupun elemen yang berkaitan masih belum dipaparkan secara dinamik? Kaedah jQuery biasa, $('elemen').css('property'), memerlukan elemen untuk hadir pada halaman. Adakah terdapat pendekatan alternatif?

Jawapan:

Ya, adalah mungkin untuk mendapatkan nilai sifat CSS tanpa bergantung pada elemen sedia ada. Satu kaedah menggunakan jQuery dan elemen yang dimasukkan sementara. Begini caranya:

Penyelesaian jQuery:

1. Buat elemen tersembunyi menggunakan jQuery, mis.,

   (disembunyikan melalui css).

2. Tambahkan elemen tersembunyi pada halaman.
3. Akses dan log sifat CSS elemen tersembunyi menggunakan $('elemen').css('property') .
4. Akhir sekali, alih keluar elemen tersembunyi daripada halaman.

// Scoping function just to avoid creating a global
(function() {
    var $p = $("<p></p>").hide().appendTo("body");
    console.log($p.css("color"));
    $p.remove();
})();

Penyelesaian ini membolehkan anda untuk mengakses nilai sifat CSS secara dinamik tanpa memerlukan unsur wujud pada halaman.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Hartanah CSS daripada Lembaran Gaya Luaran Tanpa Elemen Diberikan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!