자바스크립트로 css 파일 바꾸기

자바스크립트로 css 파일 바꾸는 방법을 알아보겠습니다.

link 엘리먼트를 만들고 head에 추가하면 됩니다.

 

먼저 css 경로를 정합니다.

let cssUrl = "css-url";

 

link 엘리먼트를 만듭니다. 그리고 속성값을 정합니다. href로 css 경로를 정합니다.

let link = document.createElement("link");
link.rel = "stylesheet";
link.type = "text/css";
link.href = cssUrl;

그리고 head 태그에 추가하면 됩니다. 추가할 때는 append를 사용합니다. 전체 코드는 아래와 같습니다.

let cssUrl = "css-url";
let link = document.createElement("link");
link.rel = "stylesheet";
link.type = "text/css";
link.href = cssUrl;
document.head.append(link);

 

추천 포스팅

• 티스토리에 코드펜 코드 넣는 방법(Codepen.io)
• 티스토리 소스코드 코드블록으로 넣기