动态设置 :root 和 获取 :root 内容 ， 获取 var() 内容

通过 document.querySelector(":root") 获取内容

一、获取值

1.  
   var root=document.querySelector(":root")
2.  
   //获取
3.  
   var color= getComputedStyle(root).getPropertyValue("--color")
4.  
   console.log(color)

二、设置值

1.  
   var root=document.querySelector(":root")
2.  
    
3.  
    
4.  
   //设置
5.  
   root.style.setProperty("--color","#f00")

这篇好文章是转载于：学新通技术网