javascript - 使用JavaScript更改CSS时遇到问题

我想更改页眉的填充，以便有效地将其降低到页面上。我有以下代码，它运行而不执行任何操作：

function openPage() {
    var i, el = document.getElementById('headbar');
    for(i=0;i<30;i++) {
        el.style.paddingTop = el.style.paddingTop + 1;
    }
}

然而，当我试图弄清楚它为什么不能在控制台中工作时，我发现可能是因为填充必须以像素为单位写入，因为以下操作可以工作并更改控制台中的填充：

document.getElementById('headbar').style.paddingTop='100px';

有没有什么方法可以在不使用Jquery、不必生成子字符串和重新分类的情况下做到这一点？

最佳答案

尝试将px附加到变量

 var fontSize = parseInt(el.style.paddingTop, 10);
 el.style.paddingTop = ( (!isNaN(fontSize) : fontSize : 0) + 1) + 'px';

关于javascript - 使用JavaScript更改CSS时遇到问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16906513/