JavaScriptでCSSファイルを切り替える

JavaScriptを利用して、読み込むCSSファイルを切り替えます。

##コード

HTMLにはlinkタグを全て記述しておきます。

<link rel="stylesheet" href="1.css" title="a">
<link rel="stylesheet" href="2.css" title="b" disabled>
<link rel="stylesheet" href="3.css" title="c" disabled>

title属性に名前を付けておきます。この名前で切り替えます。
最初に無効化しておきたいファイルにはdisabled属性を付けておく。

function change_css(name){
    for(const css of document.querySelectorAll('link[title]')){
        css.disabled = css.title !== name
    }
}

この関数に読み込みたいファイルのタイトル(a,b,c)を渡せば、ファイルが切り替わります。