정리중/C# & .NET & Web
[Javascript] 스타일시트 여러개 사용하기 (동적 css 파일 변경 예제)
위즈
2007. 9. 12. 11:08
아리님의 홈페이지가 문을 닫는 바람에 제가 급하게 예제로 만들어 봤습니다.
link태그에 id 값을 할당하고 해당 id에 css 파일을 변경하도록 하는 예제입니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">예제파일 :
<html xml:lang="ko" xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>wiz:] 2M Story</title>
<link rel="stylesheet" type="text/css" id="wizcss" href="./a.css" />
<script type="text/javascript">
function changeCSS(fname)
{
var tg = document.getElementById('wizcss');
if(tg) { tg.href=('./'+fname+'.css'); }
}
</script>
</head>
<body>
<h1>http://wiz.pe.kr/ 스타일 변경 스크립트</h1>
<p>
<a href="javascript:changeCSS('a')">a.css로 변경</a>
<a href="javascript:changeCSS('b')">b.css로 변경</a>
</p>
</body>
</html>
invalid-file예제 에서는 a.css 파일과 b.css 파일을 변경해주는 함수로 구동되도록 했습니다.
예제를 보시고 활용 하시면 될 것 같습니다.