javascript - 使用 JavaScript 获取 CSS 值

Question

我知道我可以通过 JavaScript 设置一个 CSS 值，例如:

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

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

Answer 1

您可以使用 getComputedStyle() .

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

<img id="image_1">

jsFiddle .