如何使用javascript中的变量更改DIV的宽度和高度?

如何使用javascript中的变量更改DIV的宽度和高度?,javascript,Javascript,我试图使用javascript中的变量动态更改DIV的宽度和高度。下面的代码对我无效 div_canvas.setAttribute('style', "width: '+w_resized+'px"); div_canvas.setAttribute('style', "height: '+h_resized+'px"); 其中w_resized和h_resized是变量。这样使用 div_canvas.style.width = w_resized+'px'; div_canvas

我试图使用javascript中的变量动态更改DIV的宽度和高度。下面的代码对我无效

 div_canvas.setAttribute('style', "width: '+w_resized+'px");
 div_canvas.setAttribute('style', "height: '+h_resized+'px");
其中w_resized和h_resized是变量。

这样使用

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

使用setAttribute将覆盖以前提供的值。。。。您可以使用样式属性,如

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

返回宽度属性:

object.style.width 
object.style.width="auto|length|%|initial|inherit" 
设置宽度属性:

object.style.width 
object.style.width="auto|length|%|initial|inherit" 
高度相同

//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";
       }
}

div_canvas.style.width=w_已调整大小+'px';div_canvas.style.height=h_已调整大小+'px'@谢谢你,伙计!