JavaScript를 사용하여 CSS 사용자 정의 속성에 어떻게 액세스하고 수정할 수 있습니까?

JavaScript를 사용하여 CSS 사용자 정의 속성에 액세스

사용자 정의 CSS 속성 또는 CSS 변수는 스타일시트 전체에서 스타일 값을 정의하고 재사용하는 방법을 제공합니다. . JavaScript를 사용하여 이러한 속성을 조작하려면 여러 가지 방법을 사용할 수 있습니다.

한 가지 접근 방식은 'document.body.style.setProperty()' 방법을 사용하는 것입니다.

예를 들어, 사용자 정의 속성 '--(mycolor)'를 사용하여 '배경색' 속성이 설정된 제공된 코드 조각은 다음과 같이 수정됩니다. 다음은 다음과 같습니다.

이 방법은 CSS 사용자 정의 속성의 값을 직접 설정하며 변경 사항은 요소의 계산된 스타일에 반영됩니다.

또는 jQuery를 사용하여 CSS로 작업할 수 있습니다. 사용자 정의 속성:

이 메서드는 jQuery 'css()' 함수를 사용하여 CSS를 포함한 CSS 속성의 값을 설정하거나 검색합니다. 변수:

이러한 방법을 사용하면 CSS 사용자 정의 속성을 동적으로 제어하고 웹 페이지 및 애플리케이션의 시각적 모양을 수정할 수 있습니다.

위 내용은 JavaScript를 사용하여 CSS 사용자 정의 속성에 어떻게 액세스하고 수정할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!