CMSなどで<head>内が全く変更出来ず、JSもCSSも追加出来ない、といった環境に、Web屋さんなら行き当たった事があるはず。
そんなときは、<body>内でJSを使って<head>に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/attend.css”);
document.getElementsByTagName(“head”)[0].appendChild(css);
}
</script>
One thought on “body内から外部CSSを読み込む”