Web制作で役立つメモをWEB MEMO LOG

2016.12.29

【CSS】BODY内で外部CSSを読み込む方法

<head>内を変更できない場合、<body>の中で<link>を使ってCSSを読み込んでも動作しますが、文法的にNG、今後不具合が起こる可能性もあるとのことで、JSを使って<body>内で外部CSS等を読み込ませる方法をメモメモ。

▼「style.css」を読み込ませる方法

<script type=”text/javascript”>
window.onload=function(){
var css=document.createElement(“link”);
css.setAttribute(“rel”,”stylesheet”);
css.setAttribute(“type”,”text/css”);
css.setAttribute(“href”,”/common/css/style.css”);
document.getElementsByTagName(“head”)[0].appendChild(css);
}
</script>

About Site

同じことを何度も検索していたりするんで、検索して解決したことを残そうと思いまして。