发表新帖
发表新帖

Changing Style Sheet javascript

后端 未结
关注
3 1410
太阳男子
太阳男子 2020-12-01 11:31

I got this HTML code:
相关标签:
3条回答
  • 走了就别回头了
    2020-12-01 11:56

    Hello it Won't work until you add onclick="" property in html So the final version will look like this: html

    <head>
    <script type="application/javascript" src="javascript.js">
    <link id="pagestyle" href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <button id="stylesheet1" onclick="initate();"> Default Style Sheet </button>
    <button id="stylesheet2" onclick="onclick="initate();"> Dark Style Sheet </button>
</body>

    Javascript file

    function swapStyleSheet(sheet) {
    document.getElementById("pagestyle").setAttribute("href", sheet);  
}

function initate() {
    var style1 = document.getElementById("stylesheet1");
    var style2 = document.getElementById("stylesheet2");

    style1.onclick = swapStyleSheet("default.css");
    style2.onclick = swapStyleSheet("dark.css");
}
    0 讨论(0)
  • 再見小時候
    2020-12-01 12:03

    Transform "default".css into "default.css". Do the same for dark.css.

    Then onclick takes a function as a value.

    style1.onclick = function () { swapStyleSheet("default.css") };
style2.onclick = function () { swapStyleSheet("dark.css") };
    0 讨论(0)
  • 我寻月下人不归
    2020-12-01 12:05

    One guess would be the missing .css property, another would be the fact that onclick is not a function, but a result from invoking one:

    Make all of .css a string and assign functions to onclick:

    style1.onclick = function () { swapStyleSheet("default.css") };
style2.onclick = function () { swapStyleSheet("dark.css"); };
    0 讨论(0)
 看不清?
提交回复
热议问题