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
Barbara Streisandasal
2024-12-04 07:07:10488semak imbas

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"));

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!

Kenyataan:
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