Bagaimana untuk Mendapatkan Nilai CSS daripada Helaian Gaya Luaran untuk Elemen Dijana Secara Dinamik?

Mengambil Nilai CSS daripada Helaian Gaya Luaran dengan Javascript/jQuery

Sementara kaedah jQuery $('element').css('property ') ialah cara mudah untuk mendapatkan maklumat gaya, ia memerlukan kehadiran elemen pada halaman. Untuk elemen yang dijana secara dinamik dan oleh itu belum ada lagi, pendekatan berbeza diperlukan.

Memanfaatkan Elemen Tersembunyi

Satu strategi ialah menambah salinan tersembunyi buat sementara waktu elemen ke halaman. Dengan mengakses gaya elemen tersembunyi ini, anda boleh mendapatkan semula nilai CSS yang dikehendaki. Kaedah ini boleh dilaksanakan menggunakan kod berikut:

(function() {
    var $p = $("<p></p>").hide().appendTo("body");
    console.log($p.css("color"));
    $p.remove();
})();

Walau bagaimanapun, pendekatan ini memperkenalkan manipulasi DOM yang tidak perlu, yang berpotensi menjejaskan prestasi halaman.

Pendekatan Alternatif dengan jQuery

Penyelesaian alternatif memanfaatkan fungsi $.getStyle() jQuery, yang membolehkan anda untuk mengakses nilai sifat gaya terus daripada rentetan pemilih atau objek elemen tanpa memaparkannya pada halaman:

$.getStyle("p", "color");

Kaedah ini menyediakan cara yang lebih bersih dan lebih cekap untuk mendapatkan semula nilai CSS bagi elemen yang dijana secara dinamik.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Nilai CSS daripada Helaian Gaya Luaran untuk Elemen Dijana Secara Dinamik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!