내 로컬 CSS 파일을 내 js 파일에 어떻게 포함시킬 수 있습니까? [복제]
Nov 12 2020
내 웹 사이트에 HTML 및 CSS 파일 만 사용했을 때 CSS 효과가 정상적으로 적용되었습니다. 그러나 node.js를 사용하여 웹 사이트를 실행하려고 할 때 모든 CSS 효과가 제거되었습니다. 내 CSS 파일을 내 app.js파일에 통합하려면 어떻게 해야합니까?
답변
3 Arvin Nov 12 2020 at 19:46
. document.getElementsByTagName () 메서드를 사용하여 HTML 헤드 요소를 가져옵니다.
. createElement ( 'link') 메서드를 사용하여 새 링크 요소를 만듭니다.
. 링크 요소의 속성을 초기화합니다.
. 링크 요소를 머리에 추가합니다.
예:
style.css 이름을 사용하여 CSS 파일을 만듭니다.
.Setcolor {
color:blue;
}
JavaScript를 사용하여 CSS 파일 추가 :
<!DOCTYPE html>
<html>
<head>
<title>
Load CSS file using JavaScript
</title>
<script>
// Get HTML head element
var head = document.getElementsByTagName('HEAD')[0];
// Create new link Element
var link = document.createElement('link');
// set the attributes for link element
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'style.css';
// Append link element to HTML head
head.appendChild(link);
</script>
</head>
<body>
<h2 class="Setcolor">TheColoris</h2>
</body>
</html>
Sivaprasad Nov 12 2020 at 23:38
public핸들 바를 사용하는 경우 CSS 파일을 폴더 아래에 두십시오 .
핸들 바에 의존하지 않는 경우 파일을 별도로 저장 한 다음 <link>태그를 사용하여 호출하십시오 .
<link rel="stylesheet" href="styles.css"></link>