2

ヘッダーのパディングを変更して、効果的にページに挿入したいと考えています。実行して何もしない次のコードがあります。

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なしで、部分文字列を作成して再連結することなくこれを行う方法はありますか?

4

2 に答える 2

2

これを行うだけで非常に簡単です：

for(i=0;i<30;i++) {
     var px = (el.style.paddingTop + 1) + "px";
     el.style.paddingTop = px;
}
于 2013-06-03T22:00:32.533 に答える
2

px変数に追加してみてください

 var fontSize = parseInt(el.style.paddingTop, 10);
 el.style.paddingTop = ( (!isNaN(fontSize) : fontSize : 0) + 1) + 'px';
于 2013-06-03T22:01:10.867 に答える