javascript - javascript增量(大于++)样式属性

我在将div标记移到onclick时遇到了一些麻烦。我可以让它移动一次，但是后来我不知道如何获取新变量并再次添加到它。

请不要使用jQuery，我现在并不真正担心跨平台

function addToMargin()  {

        var marginleft = 20;
        document.getElementById("show-sessions").style.marginLeft = marginleft + "px";
}

#show-sessions  {
        margin-left:10px;
        width:200px;
        overflow:hidden;
}

我尝试设置一个全局变量来存储数字，但后来它变成了NaN
任何帮助表示赞赏...

最佳答案

全局变量不是什么坏主意，请尝试如下操作:

var margin = 20;
function addToMargin()  {
        margin ++; //or += value
        document.getElementById("show-sessions").style.marginLeft = margin + "px";
}

也可能以内联样式提供初始边距，以防万一...