用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增加点击高度

回答

相关问题