直播商城源码，实现系统的日间/夜间模式切换

直播商城源码，实现系统的日间/夜间模式切换实现的相关代码

<!DOCTYPE html><br><html><br><head><br>    <meta charset="UTF-8"><br>    <meta http-equiv="X-UA-Compatible" content="IE=edge"><br>    <meta name="viewport" content="width=device-width, initial-scale=1.0"><br>    <title>Document</title><br></head><br><body><br>    <div class="container light"><!--类名--><br>        这是你 <br><br>        要输入 <br><br>        的内容 <br><br>    </div><br>     <br>    <style>/*去除浏览器默认样式*/<br>    * {<br>        margin: 0;<br>        padding: 0;<br>        box-sizing: border-box;<br>    }<br>     <br>    html,body {/*让html标签和body标签和浏览器窗口一样高一样宽*/<br>        width: 100%;<br>        height: 100%;<br>    }<br>     <br>    .container {<br>        width: 100%;<br>        height: 100%;<br>     /*100%的意思为和父元素尺寸一样*/<br>    }<br>     <br>    .light {<br>        <br>        color: #333;<br>    }<br>     <br>    .dark {<br>        background-color: #333;<br>        color: #f3f3f3;<br>    }<br>    </style><br>    <script><br>    let di = document.querySelector('div');/*选中div*/<br>    di.onclick = function () {<br>        console.log(di.className);<br>        if (di.className.indexOf('light') != -1) {<br>            di.className = 'container dark';<br>        } else {<br>            di.className = 'container light';<br>        }<br>    }<br>    </script><br></body><br></html>