<script>タグで囲まれた中でcssのファイルをインクルードする方法のご紹介です。
ここでは「/css/test.css」を読み込む例を示します。
1 2 3 4 5 6 7 8 |
<script> var head = document.getElementsByTagName('head')[0]; var link = document.createElement("link"); link.rel = "stylesheet"; link.type = "text/css"; link.href = '/css/test.css'; head.insertBefore(link, head.firstChild); </script> |
少し複雑ですが、やっていることは単純で、<head>タグ内に<link>タグを作り、そこに「type」や「href」を指定しているだけです。