关于js操作css变量的问题。

Question

通过js删除css变量没有看到效果，
jsfiddle
设置变量和读取变量都是有效的，
执行删除变量后，字体颜色不应该是绿色的么？

Answer 1

通过js获取到的元素节点的style属性其实只有内嵌样式的属性，是获取不到css文件中的样式与写在html的style标签中的样式。在style上设置属性相当于在对应标签的style中添加对应样式，而删除也是如此，如果你在设置之前去获取--main-color属性，为空。想要获取全部完整的css样式声明可以通过document.styleSheets，但是这种方式十分不友好。通过currentStyle(IE)和getComputedStyle(其他)是可以获取到一个元素节点上完整的样式，不过..只读