Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Mendapatkan Warna Latar Belakang Elemen HTML dalam Perenambelasan?

Bagaimanakah Saya Boleh Mendapatkan Warna Latar Belakang Elemen HTML dalam Perenambelasan?

Barbara Streisand
Lepaskan: 2024-12-04 07:07:10
asal
548 orang telah melayarinya

How Can I Get an HTML Element's Background Color in Hexadecimal?

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"));
Salin selepas log masuk

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('');
}
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan