如何获取 JavaScript 实际使用的 CSS 值？ [复制]

【问题标题】：How to get CSS value actually used with JavaScript? [duplicate]如何获取 JavaScript 实际使用的 CSS 值？ [复制]
【发布时间】：2018-08-15 01:30:00
【问题描述】：

如何获取 JavaScript 使用的 CSS 值？

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

canvas{
  width: 100%;
}

【问题讨论】：

标签： javascript css

【解决方案1】：

您必须通过 Id 获取元素，然后您将获得该对象的样式属性。

var canvas = document.getElementById('canvas');
canvas.style.border = "1px solid red"
canvas.style.width = "130px"

&lt;div id="canvas"&gt; &lt;h3&gt; Canvas &lt;/h3&gt; &lt;/div&gt;

这是您可以将 css 属性作为字符串传递，确保您使用正确的cssText property

【讨论】：

这仅适用于内联样式。