用javascript增加點擊高度

我很難搞清楚如何給我的div增加高度。考慮到這個HTML：用javascript增加點擊高度

<div id='box'></div> 
<div id='plus' onClick='resize()'>add height</div>

我使用這種方法： - 在點擊我讀了DIV 的當前高度 - 這之後，我轉換成字符串我到整數 - 然後我一些像素添加到框的高度

的JS是這樣的：

function resize() { 
    //get element 

    var height=document.getElementById('box').style.height; 

    //transform element from string to integer 

    height=height.replace("px",""); 
     height=+height; 

     //change height 

     var n=height; 
     height=n+300+'px';   
    }

這應該是很基本的，但我想不出什麼我失蹤。

來源

2013-03-11 Tbi45

您可以點擊添加班級。 – Manoj 2013-03-11 07:24:31

你能更具體嗎？我不明白你的意思。 – Tbi45 2013-03-11 07:25:46

那麼，你想在每次點擊時放大框？ – Zeta 2013-03-11 07:29:04

在你的代碼的末尾添加此

document.getElementById('box').style.height = height

來源

2013-03-11 07:31:48

你還沒有分配新的高度元素試試下面的代碼

function resize() { 
//get element 

var height=document.getElementById('box').style.height; 

//transform element from string to integer 

height=height.replace("px",""); 
    height=+height; 

    //change height 

    var n=height; 
    height=n+300+'px';   
document.getElementById('box').style.height = height; 
}

來源

2013-03-11 07:31:59

看到這個：Sample fiddle

你錯過：

document.getElementById('box').style.height = height

來源

2013-03-11 07:32:40 Anujith

用javascript增加點擊高度

回答

相關問題