Как изменить привязанный файл стилей HTML через JS

Для смены файла стилей, допустим по нажатию кнопки, необходимо:

• Выбрать селектором нужных HTML тег(в данном случае тег style с id='main_theme')
• Заменить значение атрибута href в выбранном теге

Пример

Есть кнопка

<button id="btn">Сменить</button>

Cоздаем событие на нажатие кнопки:

document.getElementById('btn').addEventListener('click', () => {
   document.getElementById('main_theme').href = 'css/style2.css';
})