Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Кнопка добавляющая файл сss для страницы. (https://javascript.ru/forum/dom-window/56763-knopka-dobavlyayushhaya-fajjl-sss-dlya-stranicy.html)

niko099 03.07.2015 14:21

Кнопка добавляющая файл сss для страницы.
 
Хочу такую кнопку, добавляет стили на страницу при переключении, переключил назад - убрались стили. Всё без перезагрузки странички. Такое возможно ? Если да то как это сделать в теории, возможно кусочек кода? Спасибо.

ruslan_mart 03.07.2015 14:31

var link,
    src = 'mystyle.css';
    
function addStyle() {
    if(!link) {
        link = document.createElement('link');
        link.rel = 'stylesheet';
        link.href = src;
        link.type = 'text/css';
        document.head.appendChild(link);
    }
};

function removeStyle() {
    if(link) {
        document.head.removeChild(link);
        link = null;
    }
};


<button onclick="addStyle()">APPLY STYLE</button>
<button onclick="removeStyle()">CLEAR STYLE</button>

niko099 03.07.2015 14:48

Спасибо работает


Часовой пояс GMT +3, время: 12:24.