웹 요소 작업 시 16진수 형식의 배경 색상 코드를 검색하는 기능은 다양한 스타일에 유용합니다. 그리고 디자인 목적. 이 질문은 JavaScript와 CSS를 활용하여 요소의 배경색 코드를 획득해야 하는 사용자의 요구에 대해 자세히 설명합니다.
배경색 코드를 얻으려면 JavaScript의 css() 함수를 활용할 수 있습니다. . 예를 들어
console.log($(".div").css("background-color"));이 코드는 jQuery 라이브러리를 사용하여 요소에 액세스한 다음 css() 함수를 사용하여 값을 검색합니다. "배경색" 속성에 대한 것입니다. 16진수 형식의 결과 배경 색상 코드가 콘솔에 기록됩니다.
또는 사용자 정의 JavaScript 함수를 정의하여 CSS에서 검색된 색상 값을 변환할 수 있습니다. () 함수를 16진수 형식으로 변환합니다. 예는 다음과 같습니다.
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('');
}이 예에서 hexc() 함수는 RGB 색상 값을 입력으로 가져와 이를 16진수 형식으로 변환합니다. 함수는
실제 데모를 보려면 원래 질문에 제공된 코드 예제 링크를 참조하세요. div 요소를 클릭하면 배경색 값을 16진수 형식으로 검색할 수 있습니다.
위 내용은 JavaScript를 사용하여 웹 요소의 배경색을 16진수 코드로 얻으려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
