使用javascript更改css时遇到问题

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

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

---

没有Jquery，也不必创建子字符串和重新分类，有什么方法可以做到这一点吗？

非常简单，只需这样做：

for(i=0;i<30;i++) {
     var px = (el.style.paddingTop + 1) + "px";
     el.style.paddingTop = px;
}

---

for（i=0；i非常简单，只需执行以下操作：

for(i=0;i<30;i++) {
     var px = (el.style.paddingTop + 1) + "px";
     el.style.paddingTop = px;
}

for（i=0；i尝试将
px
附加到变量

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

尝试将
px
附加到变量

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

你可以写你自己的值规范化，但除此之外，你还必须连接字符串。这不是世界末日。你可以写你自己的值规范化，但除此之外，你必须连接字符串。这不是世界末日。我知道你在这里做什么，但是el.style.paddingTop必须返回null因为padding被设置为1pxi，所以可以看到您在这里所做的事情，但是el.style.paddingTop必须返回null，因为padding被设置为1px。根据我的理解，这应该可以工作，但最终什么也不做。hmmm。