jQueryでlinkタグを追加して外部CSSを読み込む

外部システムを利用する時に、CSSの改修をしたくても編集できる環境ではなかった時、
jQueryで外部CSSのlinkタグを挿入し、CSSを上書きする方法で解決しました。

以下では、既に記述してあるリンクタグの最後に外部CSSを追加します。

JQuery

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(function(){
var style = '<link rel="stylesheet" href="style.css">';
    $('head link:last').after(style);
});
</script>

RELATED POSTS