如何获得JavaScript实际使用的CSS值？

如何获取JavaScript使用的CSS值

例如，我正在使用下面的css对一个canvas元素进行测试，但因为它没有直接设置为元素，并且不在px中，而px可以通过getComputedStyle（canvas.width）进行计算，所以我不确定如何获得这个值（100%）

---

必须按Id获取元素，然后才能获取该对象的样式属性

var canvas=document.getElementById（'canvas'）；
canvas.style.border=“1px纯红色”
canvas.style.width=“130px”

---

Canvas

这仅适用于内联样式。

canvas{
  width: 100%;
}