外部のスタイルシートを複数読込ませる必要がある場合
|
1 2 3 4 5 6 7 8 9 10 11 |
var ins_name = [ 'http://css.mg-comp.com/reset.css', 'index.css' ]; for (var i = 0; i < ins_name.length; i++) { var link_name = document.createElement('link'); link_name.rel = 'stylesheet'; link_name.type = 'text/css'; link_name.media = 'screen'; link_name.href = ins_name[i]; //console.log(ins_name[i]); var add_head = document.getElementsByTagName('head').item(0); add_head.appendChild(link_name); } |
ins_name 配列としてファイル名を用意する
ins_name.length 配列の個数が取得できる
link_name HTMLヘッダー用にlinkタグを用意
add_head HTMLヘッダー（headタグ）の場所を確認
add_head.appendChild 子要素として追加する
スクリプトを外部ファイルを含めて複数読込む場合
|
1 2 3 4 5 6 7 8 |
var ins_name = [ 'http://js.mg-comp.com/html5shiv.js.', 'http://js.mg-comp.com/html5shiv-printshiv.js','index.js' ]; for (var i = 0; i < ins_name.length; i++) { var link_name = document.createElement('script'); link_name.src = ins_name[i]; //console.log(ins_name[i]); var add_head = document.getElementsByTagName('body').item(0); add_head.appendChild(link_name); } |