test.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<body>&gt;&lt;&gt;</body>

<script>
    function addCSS(name, stylesheet) {
        var place = document.getElementById("stylechooser");
        var style = document.createElement("a");
        style.href = "#";
        style.innerHTML = name + "  ";
        style.setAttribute("onclick", `loadCSS(${'"'+ stylesheet + '"'})`)

        place.appendChild(style)
    }

    function loadCSS(stylesheet) {
        document.getElementById("mainstyle").href = stylesheet;
    }

    var stylechooser = document.createElement("div");
    stylechooser.setAttribute("id", "stylechooser");
    document.body.appendChild(stylechooser);

    addCSS("default", "style.css");
    addCSS("moe", "moe.css");
    addCSS("moe", "moe.css");
    addCSS("moe", "moe.css");
</script>