Bagaimana untuk Mendapatkan Warna Latar Belakang Elemen HTML dalam Heksadesimal?

Cara Mendapatkan Kod Warna Latar Belakang Elemen dalam Perenambelasan

Mendapatkan semula kod warna latar belakang elemen HTML dalam format perenambelasan adalah penting untuk pembangunan web . Mari kita teliti coretan kod yang anda berikan dan kembangkan cara untuk mencapai ini:

Coretan kod JavaScript yang anda berikan, console.log($(".div").css("background-color")) ;, digunakan untuk mengakses gaya warna latar belakang yang dikira bagi elemen DOM. Ia mendapatkan semula nilai warna dalam format seperti "rgb(245, 180, 5)" secara lalai. Walau bagaimanapun, ia bukan dalam format perenambelasan (#f5b405) yang anda inginkan.

Untuk menukar format "rgb" kepada perenambelasan, anda boleh menggunakan teknik berikut:

Menggunakan Ungkapan Biasa (disediakan dalam contoh anda)

Fungsi JavaScript yang disediakan, hexc(), mengambil nilai warna dalam format "rgb" dan menukarkannya kepada heksadesimal dengan membelah nilai RGB, menukarnya kepada heksadesimal dan mencantumkannya bersama-sama dengan awalan "#".

Menggunakan Pemalam jQuery

Terdapat banyak pemalam jQuery tersedia untuk menukar warna daripada "rgb" kepada perenambelasan. Contohnya, pemalam Warna jQuery menyediakan kaedah heksadesimal() untuk mendapatkan kod warna perenambelasan.

Berikut ialah contoh yang dikembangkan menggunakan pemalam jQuery untuk mendapatkan semula kod warna perenambelasan unsur DIV:

$(function() {
  $('div').on('click', function() {
    var hexColor = $(this).css('backgroundColor');
    console.log($('div').css('backgroundColor', hexColor));
  });
});

Sebagai alternatif, anda boleh memasang alat pemilih warna untuk penyemak imbas anda, seperti ColorZilla atau Droplr, yang menyediakan kemudahan akses kepada kod warna unsur dalam pelbagai format, termasuk perenambelasan.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Warna Latar Belakang Elemen HTML dalam Heksadesimal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!