이 글에서는 주로 javascript를 사용하여 CSS 코드를 동적으로 생성하는 두 가지 방법을 소개합니다. 때로는 페이지의 스타일 태그에서 CSS 코드를 동적으로 생성하기 위해 js를 사용해야 하는 경우도 있습니다. 방법, 필요한 친구는
자바스크립트를 사용하여 CSS 코드를 동적으로 생성하는 두 가지 방법
을 참조하세요. 페이지에서 스타일 태그를 동적으로 생성하기 위해 js를 사용해야 하는 경우도 있습니다. CSS 코드의 경우 방법은 매우 간단합니다. 즉, 직접 스타일 요소를 만든 다음 스타일 요소에 CSS 코드를 설정하고 마지막으로 head 요소에 삽입합니다. 하지만 해결해야 할 몇 가지 호환성 문제가 있습니다. 우선, w3c 표준을 준수하는 브라우저에서는 스타일 요소에 텍스트 노드로 삽입할 CSS 코드만 삽입하면 됩니다. IE에서는 styleSheet.cssText를 사용해야 합니다. 스타일 요소를 해결합니다. 또한 일부 IE 버전에서는 페이지의 스타일 태그 수가 제한되어 있으므로 이를 초과하면 오류가 보고됩니다.
방법 1:
