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