Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Mendapatkan Warna Latar Belakang Elemen HTML dalam Perenambelasan?
Menentukan Warna Latar Belakang Elemen dalam Hex
Untuk memastikan warna latar belakang elemen HTML dalam format perenambelasan, ikut langkah berikut:
Pendekatan JavaScript
Contoh ini menggunakan jQuery untuk mendapatkan semula warna latar belakang dan menukarnya kepada hex:
console.log($(".div").css("background-color"));
Fungsi Tersuai
Sebagai alternatif, anda boleh menentukan fungsi tersuai untuk mengekstrak dan menukar warna :
var color = ''; $('div').click(function() { var x = $(this).css('backgroundColor'); hexc(x); console.log(color); }) function hexc(colorval) { var parts = colorval.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); delete(parts[0]); for (var i = 1; i <= 3; ++i) { parts[i] = parseInt(parts[i]).toString(16); if (parts[i].length == 1) parts[i] = '0' + parts[i]; } color = '#' + parts.join(''); }
Nota: Dalam contoh dengan syarat, mengklik elemen div mencetuskan fungsi hexc(), yang menukar warna RGB kepada perenambelasan dan menyimpannya dalam pembolehubah 'warna'.
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendapatkan Warna Latar Belakang Elemen HTML dalam Perenambelasan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!