Смена файла css через javascript

#javascript #html #css

Как можно реализовать при нажатии на ссылку или любой другой элемент css файл менялся
на другой или просто смену фона и цвета текста если так проще, я не знаю javascripta,
все что нашел в интернете у меня не работало. Что-то типо переключателя между дневным
и ночным режимами. Заранее спасибо)
    

Ответы

Ответ 1

Простейший вариант (Если разговор идёт про смену режимов):



var btn = document.getElementsByTagName('button');

btn[0].onclick = function() {
  document.body.className = 'day';
}

btn[1].onclick = function() {
  document.body.className = 'night';
}
* {
  text-transform: uppercase;
}

.day {
  background: white;
  color: black;
}

.night {
  background: black;
  color: white;
}


lorem ipsum dolor






var btn = document.getElementById('btn');

btn.onclick = function() {
  document.body.classList.toggle('change-mode');
}
* {
  text-transform: uppercase;
}

.change-mode {
  background: black;
  color: white;
}

lorem ipsum dolor