Как динамически перезагрузить .css?

Question

У меня есть веб-сайт, на котором я хотел бы представить различные стили для оценки, когда пользователи нажимают на ссылку (ссылки), где загружается соответствующий предложенный стиль. Как я могу динамически перезагрузить .css файлы?

Answer 1

Используя javascript, вы должны иметь возможность манипулировать элементами css (такими как document.createElement("style");, а затем заполнять его тем, что вам нужно и добавлять его на страницу. Замена этого элемента изменит CSS, с которым стилизована страница., если вы пытаетесь переключаться между связанными файлами .css, он может не работать динамически, поскольку может потребоваться обновление страницы.

Answer 2

Это добилось цели!

<script type="text/javascript">
    function loadjscssfile(filename) {
            var fileref = document.createElement("link")
            fileref.setAttribute("rel", "stylesheet")
            fileref.setAttribute("type", "text/css")
            fileref.setAttribute("href", filename)
        }
        if (typeof fileref != "undefined")
            document.getElementsByTagName("head")[0].appendChild(fileref)
    }    
</script>