スタイルシートの切り替え

適用しているスタイルシートのファイルを切り替えるには、次のような方法で可能です。

JavaScript

JavaScript

var styleElem = document.getElementById('change-style'),
    btnElem   = document.getElementById('change-button');

btnElem.onclick = function() {
	styleElem.href = 'common/css/color-2.css';
};

切り替えるスタイルシートのファイルのlink要素を取得し、href属性値を差し替えることで実装できます。

JavaScript逆引きリファレンス一覧へ戻る