자바 스 크 립 트 는 브 라 우 저가 CSS 변수 코드 인 스 턴 스 를 지원 하 는 지 검사 합 니 다.

1053 단어 JavaScriptCSS변량
JavaScript 는 같은 식 으로 상호작용 을 할 수 있 습 니 다.문서 의 요소 스타일 을 작성 프로그램 을 통 해 동적 으로 변경 할 수 있 습 니 다.
이런 효 과 를 실현 할 수 있 는 세 가지 방법 이 있다.
  • 스타일 시트 를 제어 합 니 다.스타일 시트 를 추가,삭제,수정 할 수 있 습 니 다.
  • 스타일 규칙 을 제어 합 니 다.스타일 규칙 을 추가,삭제,수정 할 수 있 습 니 다.
  • DOM 의 단일 요 소 를 제어 합 니 다.스타일 시트 에 의존 하지 않 고 요소 스타일 을 수정 할 수 있 습 니 다.
    • 자바 스 크 립 트 는 브 라 우 저가 CSS 변 수 를 지원 하 는 지 확인 합 니 다.
    
const isSupported =
 window.CSS &&
 window.CSS.supports &&
 window.CSS.supports('--a', 0);

if (isSupported) {
 /* supported */
} else {
 /* not supported */
}
    JavaScript 작업 CSS 변 수 는 다음 과 같 습 니 다.
    
//     
document.body.style.setProperty('--primary', '#7F583F');

//     
document.body.style.getPropertyValue('--primary').trim();
// '#7F583F'

//     
document.body.style.removeProperty('--primary');
    이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
    ftp 클래스(myftp.php)
    PHP 오류 인터페이스

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage