使用 JavaScript 获取 CSS 值

Question

我知道我可以通过 JavaScript 设置 CSS 值，例如：

document.getElementById('image_1').style.top = '100px';

但是，我 可以获得 当前特定的样式值吗？我已经阅读了在哪里可以获得元素的整个样式，但是如果我不需要，我不想解析整个字符串。

原文由 Michael Paul 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 getComputedStyle() 。

 var element = document.getElementById('image_1'),
    style = window.getComputedStyle(element),
    top = style.getPropertyValue('top');
console.log(top);

 <img id="image_1">

js小提琴。

原文由 alex 发布，翻译遵循 CC BY-SA 4.0 许可协议