如何通过onclick事件更改div的属性？

Question

我想通过点击图片来更改容器的属性 为什么这不起作用：

<script type="text/javascript">
    function changeMargin(){
        document.getElementById("container").style.margin.top="100px";
    }
</script>

<div id="container">
    <img id="btnRight" src="img/btnRight.png" onclick="changeMargin()">
</div>

Answer 1

应该是

.marginTop="100px";

完整代码：

function changeMargin() {
    document.getElementById("container").style.marginTop = "100px";
}

Answer 2

变化：

document.getElementById("container").style.margin.top="100px";

要：

document.getElementById("container").style.marginTop="100px";