При нажатии на кнопку не использовать один css, а другой.

При нажатии на кнопку не использовать один css, а другой.

<link rel="stylesheet" type="text/css" href="theme.css" id="dynamic_css">
<button id="change_css">Сменить CSS</button>
<script>
(function(){
document.getElementById('change_css').addEventList ener('click', function(){
var styleTag = document.getElementById('dynamic_css');
var style1 = 'theme.css';
var style2 = 'theme1.css';
styleTag.href = styleTag.getAttribute('href') === style1 ? style2 : style1;
});
})()
<script>