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