Question

我想更改标题上的填充，以便有效地降低到页面上。我有以下代码运行并且什么都不做：

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的情况下做到这一点，而且无需创建子字符串并重新进行协调？

Answer 1

非常简单就是这样做：

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

Answer 2

尝试将px附加到变量

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

无法用javascript更改css

2 个答案: