Javascript 如何确定有效值

是否有一种JS方法来确定元素属性的有效值

众所周知，引用的CSS文件通过嵌入的CSS和元素的style属性中定义的值按声明顺序具有优先权，最新/最局部的CSS文件生效

浏览器元素检查工具可以确定元素样式属性的有效值，如（例如）

背景色

有没有一种方法可以通过编程方式发现有效的值

我使用了画布和js创建了相当于带有悬停和单击视觉反馈的图像贴图，我很想让它响应画布上的CSS样式

例如，如果画布颜色设置为红色，则红色应为悬停高光和选择标记的基色

---

目前，这一切都是通过更改“常量”的值来完成的，但响应CSS将是。。。优雅。

您可以使用确定当前有效样式。它返回一个类似于奇异数组的对象，该对象具有所有活动样式属性以及一些辅助函数。使用：

var el=document.getElementById（'el1'）；
var computedStyle=window.getComputedStyle（el）；
document.getElementById（'style'）.innerHTML=computedStyle.cssText
#el1{
背景颜色：蓝色；
}
div：第一种类型{
高度：50px；
}


只有画布“颜色”是您通过编程方式绘制的像素，这不是样式“画布颜色”是什么意思？如果你指的是背景色，那么你可以使用Amit的建议来阅读：
getComputedStyle
@Amit-写下来作为答案，这正是我想要的。