【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;

原创供学习参考使用，转载请注明出处http://www.cnblogs.com/cuphoria/ @jm_epiphany

相关阅读:
MongoDB 常用命令
jpa一对多
jpa的常用注解
jpa常用方法
springdata查询的多种用法
springdata笔记
java 动态代理 demo 实现原理参数理解（三）
Solr
一些重要的知识点-数据库优化-angularjs--JSON-fastDFS
支付功能

原文地址：https://www.cnblogs.com/cuphoria/p/11519995.html