如何通过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";