0

我很难弄清楚如何为我的div. 考虑到这个 Html ：

<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';        
   }

这应该是非常基本的，但我无法弄清楚我错过了什么。

4

3 回答 3

3

您不必为元素分配新高度尝试下面的代码

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-11T07:31:59.803 回答
2

在代码末尾添加

document.getElementById('box').style.height = height
于 2013-03-11T07:31:48.500 回答
2

看到这个：样品小提琴

你错过了：

    document.getElementById('box').style.height = height
于 2013-03-11T07:32:40.863 回答