js_javascript 기술로 웹 페이지의 배경색과 글꼴 색상을 얻는 방법

웹 페이지의 배경색과 글꼴 색상을 구하는 방법은 다음과 같습니다.

생각: 색상 속성 값을 구해서 얻는 것은 RGB 색상인데, 이는 우리가 원하는 색상이 아니므로 필요합니다. RGB 색상을 16진수 색상으로 변경하려면 먼저 RGB 색상을 가져옵니다.

코드 복사 코드는 다음과 같습니다.

var rgb = document.getElementById ('color').style.BackgroundColor;

형식은 다음과 같습니다. rgb(225, 22, 23); 🎜>

코드 복사 코드는 다음과 같습니다.

var rgb = rgb.split('(' )[1]; //분할 후 길이가 2인 배열

인 [rgb, 225 ,22,23)] 형식이고 (225,22,23) 문자열을 분할합니다. (참고: 숫자 유형만 변환할 수 있으므로 변환 유형을 강제로 적용하려면 parseInt를 사용하세요! ):

코드 복사 코드는 다음과 같습니다. 다음은 다음과 같습니다.

for(var k = 0; k < 3; k ){
str[k] =parseInt(rgb .split(',')[k]).toString (16);//str 배열은 분할 데이터를 저장합니다
}

최종 조합:

코드 복사 코드는 다음과 같습니다.

str = '#' str[0] str[1] str[2]

전체 코드

코드 복사 코드는 다음과 같습니다.