javascript - 动态更改div高度

function pageSize(what){
    oldHeight = parseInt(document.getElementById('items').style.height);
    if(what == 'bigger') {newHeight = oldHeight + 100};
    if(what == 'smaller'){newHeight = oldHeight - 100};
    document.getElementById('items').style.height = newHeight + 'px';
}

上面，我把应该做到的技巧写在了javascript代码上……这是de div：

<div id="items" style="height: 100%;"></div>

我用

<a href="#" onclick="pageSize('bigger')"><img src="img/contentbigger.png" /> Page bigger</a> &nbsp; <a href="#" onclick="pageSize('smaller')"><img src="img/contentsmaller.png" /> Pagina smaller</a>

但是此代码在最新的Mozilla Firefox和最新的Internet Explorer中均不起作用。

有人看到这里有什么问题吗？因为我对javascript不太满意...

最佳答案

我猜想在像parseInt()或<numeric>px这样的字符串上应用<numeric>%具有虚假的返回值。您应该省略将px附加到身高上以使其起作用。