Как я могу обратиться к определенному элементу 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); 

но он также не работал.

Может кто-нибудь, пожалуйста, помогите мне, как мне обратиться к элементу div с идентификатором «draggable»?

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 на наличие ошибок.