获取元素的某一个属性值:
window.getComputedStyle("元素", "伪类").getPropertyValue(key)。
前提:
在开发时,由于系统的主题支持自定义,有部分标签的主题色是使用内置style来控制的,在这种情况下,自定义主题是无法生效的。
常规方法:通过id,class或者react的ref来获取标签,然后给标签添加属性。
弊端:有时候在方法执行的时候,会拿不到当前元素(暂时没有找到原因),也就无法添加属性。
解决方案:
window.getComputedStyle()
是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象(CSS 驼峰式写法),并且只读。
getPropertyValue(key)
可以访问CSS样式对象的属性。(与getAttribute
方法类似的功能)