如何使用JavaScript中的變量來改變DIV的寬度和高度？

Question

我想在javascript中使用變量動態地改變DIV的寬度和高度。我的下面的代碼不適合我。

div_canvas.setAttribute('style', "width: '+w_resized+'px"); 
div_canvas.setAttribute('style', "height: '+h_resized+'px"); 

其中w_resized和h_resized是變量。

Answer 1

使用的setAttribute將覆蓋先前提供的值....你可以使用樣式屬性一樣

div_canvas.style.width = w_resized + 'px'; 
div_canvas.style.height = h_resized + 'px'; 

Answer 2

使用方法如下。

div_canvas.style.width = w_resized+'px'; 
div_canvas.style.height = h_resized+'px'; 

Answer 3

返回width屬性：

object.style.width 

設置width屬性：

object.style.width="auto|length|%|initial|inherit" 

相同的高度

Answer 4

//HEIGHT 
function upBig(id,ud) { 
     var div=document.getElementById(id); 
     var h=parseInt(div.style.height)+ud; 
     if (h>=1){ 
      div.style.height = h + "px"; 
     } 
} 

//WIDTH 

function upBig2(id,ud) { 
     var div=document.getElementById(id); 
     var h=parseInt(div.style.width)+ud; 
     if (h>=1){ 
      div.style.width = h + "px"; 
     } 
} 

http://jsfiddle.net/1cotj5o5/65/