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

200
29 июля 2018, 05:20

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

Answer 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; 
}
<button>день</button> 
<button>ночь</button> 
<p>lorem ipsum dolor</p>

var btn = document.getElementById('btn'); 
 
btn.onclick = function() { 
  document.body.classList.toggle('change-mode'); 
}
* { 
  text-transform: uppercase; 
} 
 
.change-mode { 
  background: black; 
  color: white; 
}
<button id="btn">сменить режим</button> 
<p>lorem ipsum dolor</p>

READ ALSO
Не отображается контент slick slider

Не отображается контент slick slider

нужно чтобы при нажатии на одну из трёх ссылок появлялся слайдер с товарамина самом деле он появляется, например если нажать на ссылку "распродажа"...

164
Angular cтилизация &lt;select&gt; и &lt;option&gt;

Angular cтилизация <select> и <option>

Нужно стилизовать select и option по возможности не меняя стуктуры HTMLЭто можно как-то сделать не использую плагины вроде ng2-select и подобных? Для них...

186
Многострочный текст в теге sup

Многострочный текст в теге sup

Задача - задать цену с рублями и копейками в верхнем индексеОднако под копейками должен быть текст баллов

176
Буквы и их размеры

Буквы и их размеры

Как добиться того, чтобы все буквы имели одинаковую ширину?

184