document.styleSheets.cssRules에서 CSS 스타일에 액세스할 수 없습니다.

Question

특정 상위 요소 아래의 특정 객체 클래스를 동적으로 재배열하기 위해 자바스크립트로 이 함수를 작성하려고 합니다. 그러나 특정 변수를 처리하는 데 문제가 있습니다.

으아악 으아악

이 경우 newGridColumn 및 newGridRow 모두에 대한 콘솔 로그가 "정의되지 않음"을 반환하는데 그 이유는 잘 모르겠습니다. CardSetlength에 대한 콘솔 로그는 각각 규칙 세트를 나타내는 20개의 사전 목록을 반환하지만 각 사전은 비어 있습니다. 이것이 콘솔 로그의 일부 표시 규칙과 관련이 있는지 또는 내 오류가 관련되어 있는지 확실하지 않습니다. 내가 여기서 뭘 잘못하고 있는지 아시나요?

Answer 1

CSSRule 的 style 필드에서 CSS 속성 값에 액세스해야 합니다.

으아악 으아악

코드는 다음과 같아야 합니다:

으아악

대괄호 표기 대신 JavaScript의 CSS 속성에 camelCase를 사용할 수 있습니다.