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 に答える