js에 CSS를 도입하는 방법

js에 CSS를 도입하는 방법: 1. "document.write" 메소드를 사용하여 CSS를 도입하는 링크 태그를 출력합니다. 2. createElement 메소드를 사용하여 CSS를 도입하는 링크 태그를 동적으로 생성합니다.

이 문서의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

js는 CSS 파일을 가져옵니다

1. CSS를 가져오는 링크 태그를 출력하려면 document.write 메서드를 사용하세요.

호출 파일 상단에 다음 예제 코드를 추가하세요

<script>
    document.write(&#39;<link rel="stylesheet" href="main.css">&#39;);
</script>

2. CSS를 가져오기 위한 링크 태그를 동적으로 생성합니다.

다음 코드를 Body에 넣은 후

<script>
    new_element = document.createElement(&#39;link&#39;);
    new_element.setAttribute(&#39;rel&#39;, &#39;stylesheet&#39;);
    new_element.setAttribute(&#39;href&#39;, &#39;main.css&#39;);
    document.body.appendChild(new_element);
</script>

코드의 핵심 라인을 분석해 보겠습니다.

먼저 document.createElement('link')를 사용하여 링크 태그를 생성합니다.

그런 다음 rel 속성을 스타일시트로 설정하고 href는 main.css입니다.

마지막으로 이 태그를 본문에 동적으로 추가합니다.

【추천 학습: javascript 고급 튜토리얼】

위 내용은 js에 CSS를 도입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!