用javascript改變CSS問題

我想改變頁眉上的填充位置，使其有效地放在頁面上。我有運行，什麼也不做下面的代碼：用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和無需作出子和reconcatonating？

來源

2013-06-03 Chris Lang

你可以寫你自己的價值正常化，但除此之外，你必須Concat的字符串。所有艱難的那不是世界末日真的 –

嘗試追加px給變量

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

來源

2013-06-03 22:01:10

這應該從我所瞭解的工作，但最終沒有做任何事情。嗯。 –

@ user2449330。檢查編輯的代碼 –

很簡單只是這樣做：

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

來源

2013-06-03 22:00:32 Gabe

我看到你在這裏做什麼，但el.style.paddingTop必須返回null，因爲填充設置爲1px –

用javascript改變CSS問題

回答

相關問題