Страницы

Поиск по вопросам

вторник, 5 февраля 2019 г.

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

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


Ответ

Простейший вариант (Если разговор идёт про смену режимов):
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


Комментариев нет:

Отправить комментарий