【javascript】修改css href

<!DOCTYPE html>
<html>

<head>
    <link href="./.css" rel="stylesheet" type="text/css" id="css">
    <script>
        function change(color) {
            let css = document.getElementById("css")
            if (color == "red") css.setAttribute("href", "./red.css")
            if (color == "green") css.setAttribute("href", "./green.css")
        }
    </script>
</head>

<body>
    <h1>change css by js herf</h1>
    <p>this is the raido group</p>
    <div>
        <from>
            <input name="color" type="radio" onclick="change('red')" value="red">red</input>
            <input name="color" type="radio" onclick="change('green')" value="green">green</input>
        </from>
    </div>
</body>

</html>

body {
    color: red;
}

h1 {
    text-decoration-line: 1px;
}

div {
    background-color: rgb(224, 71, 84);
    border: 1px dotted rgb(255, 191, 191);
}

//green
body {
    color: green;
}

h1 {
    text-decoration-line: 1px;
}

div {
    background-color: darkgreen;
    border: 1px dotted palegreen;

转载于:https://www.cnblogs.com/cuphoria/p/11519995.html

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/weixin_30810583/article/details/102409559
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2021-05-30 18:35:32
阅读 ( 597 )
分类：前端

【javascript】修改css href

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看