我应该如何引用document.getComputedStyle中的特定元素？

Question

我正在制作一个有可拖动物体的游戏，我想实时存储它的实际位置。我被告知我应该使用getComputedStyle，但它只适用于我使用

的情况

var computedStyle = getComputedStyle(document.body, null)

我的意思是如果我添加

document.write(computedStyle.marginTop)

它有效并且它写入了上边距的值。但我需要一个div元素的地方..我尝试使用

    var place = document.getElementById("draggable");
    var computedStyle = getComputedStyle(place, null);
    document.write(computedStyle.marginTop);

但它什么也没做。我也试过

var computedStyle = getComputedStyle(document.getElementById("draggable"), null);

但它也没有用。

有人可以帮助我，我应该如何使用id＆＃34; draggable＆＃34;来引用div元素？

Answer 1

https://developer.mozilla.org/en-US/docs/Web/API/Window.getComputedStyle处的开发人员文档似乎表明以下内容应该成功：

var elem1 = document.getElementById("elemId");
var style = window.getComputedStyle(elem1, null);

因此，请尝试将window.添加到getComputedStyle子句中，并检查您的div是否正确命名。

如果这两件事都没有帮助，请检查您的JavaScript控制台是否有错误。