Bagaimana untuk Mendapatkan Nilai CSS daripada Lembaran Gaya Luaran Tanpa Elemen dalam Javascript/jQuery?

Mengambil Nilai CSS daripada Helaian Gaya Luaran dengan Javascript/jQuery

Dalam pembangunan web, mungkin perlu untuk mengakses nilai CSS daripada helaian gaya luaran tanpa mempunyai unsur HTML yang sepadan secara fizikal pada halaman. Senario ini sering timbul apabila menjana kandungan secara dinamik.

Kaedah jQuery yang biasa digunakan $('elemen').css('property') bergantung pada elemen yang dipaparkan dalam halaman. Walau bagaimanapun, untuk menentukan nilai sifat CSS sebelum elemen dicipta, pendekatan alternatif diperlukan.

Menggunakan Elemen Pengganti

Satu penyelesaian adalah untuk mencipta sementara, elemen pengganti tersembunyi dan baca gaya pengiraannya. jQuery's $("

").hide().appendTo("body") mencipta elemen perenggan tersembunyi dalam isi halaman. Anda kemudiannya boleh menggunakan $p.css("color") untuk mendapatkan nilai sifat warna CSS.

Kod Contoh

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

Nota: Dalam contoh ini, fail CSS luaran mesti menentukan elemen "p" dengan sifat gaya yang diingini.

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