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

Question

我在使用 onclick 移动 div 标签时遇到了一些问题。我可以让它移动一次，但我不知道如何获取新变量并再次添加到它。

请不要使用 jquery，目前我并不真正担心跨平台

function addToMargin()  {

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

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

我尝试设置一个全局变量来存储数字，但后来它变成了 NaN

非常感谢任何帮助...

Answer 1

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