Javascript 如何访问js中id样式的属性

我对Web开发有点陌生，我试图在我的站点中访问和id.style的属性，但不幸的是，我的程序中没有响应，所以我已将我的问题上传到此代码中。 还请告诉我如何更改该值

函数myMove（）{
var elem=document.getElementById（“容器”）；
警报（元素样式顶部）；
}

#容器{
宽度：400px；
高度：400px；
顶部：10px；
位置：相对位置；
背景：黄色；
}

单击我

您可以使用

window.getComputedStyle（）

看

但您可能真正想要的是

element.offsetTop

看

为什么要打印
top
？您希望实现什么？您的代码按预期工作，
#container
元素的内联html中没有设置
top
，因此它不返回任何内容。可能您正在查找
computedStyle
？我只是尝试访问顶部和左侧属性以创建类似于动画的内容。
。style
仅包含内联样式，而不包含从CSS继承的样式。根据您的编辑，请参阅@Barmar注释，并查看
窗口。getComputedStyle
谢谢，但我也想更改该值，在这种情况下我应该怎么做？以编程方式，您只能更改
elem.style.top
，您可以这样做：
elem.style.top='20px'//（或任何有效的CSS值）
。但这可能不会达到你的预期。我建议你发布另一个目标更明确的问题。
function myMove() {
  var elem = document.getElementById("container");
  var computedStyles = window.getComputedStyle(elem)
  var top = computedStyles.getPropertyValue('top')
  alert(top);
  alert(elem.offsetTop);
}