1. <html>
    2. <style>
    3. :root {
    4.   --main-bg-color: coral;  
    5. }
    7. #div1 {
    8.   background-color: var(--main-bg-color);
    9. }
    10. </style>
    11. <body>
    13. <div id="div1">!!!！</div>
    15. <script>
    16.   //获取
    17.   var cssVarColor = getComputedStyle(div1).getPropertyValue('--main-bg-color'); 
    18.   //单独修改节点--main-bg-color
    19.   div1.style.setProperty('--main-bg-color', '#cd0000');
    21.   //修改 --main-bg-color
    22.     document.documentElement.style.setProperty('--main-bg-color', 'red');
    23. </script>
    24. </body>
    25. </html>