在html上js添加宽度,js 获取div高度并重新设置div高度与宽度

js 获取div高度并重新设置div高度与宽度

js 获取div高度并重新设置div高度与宽度

var $=function(id) {

return document.getElementById(id);

}

function clickDiv()

{

$('testid').offsetWidth; // 20

$('testid').offsetHeight; //200

document.all.testid.style.width="1000px"; //js设置div宽度

document.all.testid.style.height="500px"; //设置div高度民主

//现在来重新设置一下testid的高度与宽度

//$('testid').offsetWidth = 300;

//$('testid').offsetHeight =300;

$('testid').style.className = 'idtest';

}

方法二

alert(document.getElementById("testid").scrollHeight+'px');

方法三

alert(document.getElementById("testid").clientHeight+'px');

#testid{

height:50px;

width:200px;

background:#3300CC;

}

.idtest{

height:80px;

width:150px;

background:#FFFFFF;

}