Как получить доступ к свойствам стилей идентификаторов в js

Question

Я новичок в веб-разработке, и я пытался получить доступ к свойству и id.style на моем сайте, но, к сожалению, в моей программе не было ответа, поэтому я загрузил свою проблему в этот код. пожалуйста, также скажите мне, как изменить это значение.

function myMove() {
  var elem = document.getElementById("container");
  alert(elem.style.top);

}

#container {
  width: 400px;
  height: 400px;
  top: 10px;
  position: relative;
  background: yellow;
}

<p><button onclick="myMove()">Click Me</button></p>
<div id="container"></div>

Answer 1

Вы можете получить доступ к нужному значению CSS, используя window.getComputedStyle()

Подробнее см. MDN

Но на самом деле вы можете element.offsetTop;

См. MDN здесь для этого

function myMove() {
  var elem = document.getElementById("container");
  var computedStyles = window.getComputedStyle(elem)
  var top = computedStyles.getPropertyValue('top')
  alert(top);
  alert(elem.offsetTop);
}